@sdata/web-vue 3.9.0 → 3.11.0

package/es/selectable-card/style/index.css

@@ -0,0 +1,220 @@
+/******** borderSize *******/
+/******** borderStyle *******/
+/******** radius *******/
+/******** shadow distance *******/
+/******** size *******/
+/******** spacing *******/
+/******** shadow *******/
+/******** opacity *******/
+/******** fontSize *******/
+/******** fontWeight ********/
+/******** Primary *******/
+/******** success *******/
+/******** warning *******/
+/******** danger *******/
+/******** link *******/
+/******** radius *******/
+/********* icon hover *********/
+.sd-selectable-card {
+  position: relative;
+  box-sizing: border-box;
+  color: var(--sd-color-text-1);
+  background: var(--sd-color-bg-2);
+  border: 1px solid var(--sd-color-neutral-3);
+  border-radius: var(--sd-border-radius-large);
+  cursor: pointer;
+  transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1), border-color 0.2s cubic-bezier(0, 0, 1, 1), box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
+}
+.sd-selectable-card::after {
+  position: absolute;
+  background: transparent;
+  border-radius: inherit;
+  transition: background 0.2s cubic-bezier(0, 0, 1, 1);
+  content: "";
+  pointer-events: none;
+  inset: 0;
+}
+@media (hover: hover) {
+  .sd-selectable-card:not(.sd-selectable-card--disabled):hover::after {
+    background: rgba(0, 0, 0, 0.05);
+  }
+}
+.sd-selectable-card:not(.sd-selectable-card--disabled):active::after {
+  background: rgba(0, 0, 0, 0.1);
+}
+.sd-selectable-card:has(.sd-selectable-card-input:focus-visible) {
+  outline: 2px solid rgb(var(--sd-primary-6));
+  outline-offset: 2px;
+}
+.sd-selectable-card-body {
+  display: flex;
+  min-width: 0;
+}
+.sd-selectable-card-content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+}
+.sd-selectable-card-figure {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  color: var(--sd-selectable-card-accent);
+  font-size: 2em;
+}
+.sd-selectable-card-title {
+  color: var(--sd-color-text-2);
+  font-size: 14px;
+}
+.sd-selectable-card-value {
+  color: var(--sd-color-text-1);
+  font-weight: 600;
+  line-height: 1.25;
+}
+.sd-selectable-card-description, .sd-selectable-card-default {
+  color: var(--sd-color-text-3);
+  font-size: 13px;
+  line-height: 1.5715;
+}
+.sd-selectable-card-actions {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.sd-selectable-card--layout-horizontal .sd-selectable-card-body {
+  flex-direction: row;
+  align-items: center;
+}
+.sd-selectable-card--layout-vertical .sd-selectable-card-body {
+  flex-direction: column;
+}
+.sd-selectable-card--align-center .sd-selectable-card-body, .sd-selectable-card--align-center .sd-selectable-card-content {
+  align-items: center;
+  text-align: center;
+}
+.sd-selectable-card--size-small {
+  padding: 12px;
+}
+.sd-selectable-card--size-small .sd-selectable-card-body, .sd-selectable-card--size-small .sd-selectable-card-content {
+  gap: 8px;
+}
+.sd-selectable-card--size-small .sd-selectable-card-value {
+  font-size: 16px;
+}
+.sd-selectable-card--size-medium {
+  padding: 16px;
+}
+.sd-selectable-card--size-medium .sd-selectable-card-body, .sd-selectable-card--size-medium .sd-selectable-card-content {
+  gap: 12px;
+}
+.sd-selectable-card--size-medium .sd-selectable-card-value {
+  font-size: 20px;
+}
+.sd-selectable-card--size-large {
+  padding: 24px;
+}
+.sd-selectable-card--size-large .sd-selectable-card-body, .sd-selectable-card--size-large .sd-selectable-card-content {
+  gap: 20px;
+}
+.sd-selectable-card--size-large .sd-selectable-card-value {
+  font-size: 24px;
+}
+.sd-selectable-card--color-red {
+  --sd-selectable-card-accent: rgb(var(--sd-red-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-red-1));
+  --sd-selectable-card-border: rgb(var(--sd-red-6));
+}
+.sd-selectable-card--color-orangered {
+  --sd-selectable-card-accent: rgb(var(--sd-orangered-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-orangered-1));
+  --sd-selectable-card-border: rgb(var(--sd-orangered-6));
+}
+.sd-selectable-card--color-orange {
+  --sd-selectable-card-accent: rgb(var(--sd-orange-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-orange-1));
+  --sd-selectable-card-border: rgb(var(--sd-orange-6));
+}
+.sd-selectable-card--color-gold {
+  --sd-selectable-card-accent: rgb(var(--sd-gold-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-gold-1));
+  --sd-selectable-card-border: rgb(var(--sd-gold-6));
+}
+.sd-selectable-card--color-lime {
+  --sd-selectable-card-accent: rgb(var(--sd-lime-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-lime-1));
+  --sd-selectable-card-border: rgb(var(--sd-lime-6));
+}
+.sd-selectable-card--color-green {
+  --sd-selectable-card-accent: rgb(var(--sd-green-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-green-1));
+  --sd-selectable-card-border: rgb(var(--sd-green-6));
+}
+.sd-selectable-card--color-cyan {
+  --sd-selectable-card-accent: rgb(var(--sd-cyan-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-cyan-1));
+  --sd-selectable-card-border: rgb(var(--sd-cyan-6));
+}
+.sd-selectable-card--color-blue {
+  --sd-selectable-card-accent: rgb(var(--sd-blue-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-blue-1));
+  --sd-selectable-card-border: rgb(var(--sd-blue-6));
+}
+.sd-selectable-card--color-sdblue {
+  --sd-selectable-card-accent: rgb(var(--sd-sdblue-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-sdblue-1));
+  --sd-selectable-card-border: rgb(var(--sd-sdblue-6));
+}
+.sd-selectable-card--color-purple {
+  --sd-selectable-card-accent: rgb(var(--sd-purple-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-purple-1));
+  --sd-selectable-card-border: rgb(var(--sd-purple-6));
+}
+.sd-selectable-card--color-pinkpurple {
+  --sd-selectable-card-accent: rgb(var(--sd-pinkpurple-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-pinkpurple-1));
+  --sd-selectable-card-border: rgb(var(--sd-pinkpurple-6));
+}
+.sd-selectable-card--color-magenta {
+  --sd-selectable-card-accent: rgb(var(--sd-magenta-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-magenta-1));
+  --sd-selectable-card-border: rgb(var(--sd-magenta-6));
+}
+.sd-selectable-card--color-gray {
+  --sd-selectable-card-accent: rgb(var(--sd-gray-6));
+  --sd-selectable-card-soft-bg: rgb(var(--sd-gray-2));
+  --sd-selectable-card-border: rgb(var(--sd-gray-6));
+}
+.sd-selectable-card--selected {
+  border-color: var(--sd-selectable-card-border);
+  box-shadow: inset 0 0 0 2px var(--sd-selectable-card-border);
+}
+.sd-selectable-card--selected.sd-selectable-card--soft {
+  color: var(--sd-selectable-card-accent);
+  background: var(--sd-selectable-card-soft-bg);
+}
+.sd-selectable-card--selected.sd-selectable-card--filled {
+  color: #fff;
+  background: var(--sd-selectable-card-border);
+}
+.sd-selectable-card--selected.sd-selectable-card--filled .sd-selectable-card-title, .sd-selectable-card--selected.sd-selectable-card--filled .sd-selectable-card-value, .sd-selectable-card--selected.sd-selectable-card--filled .sd-selectable-card-description, .sd-selectable-card--selected.sd-selectable-card--filled .sd-selectable-card-default, .sd-selectable-card--selected.sd-selectable-card--filled .sd-selectable-card-figure {
+  color: inherit;
+}
+.sd-selectable-card--disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.sd-selectable-card-input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  border: 0;
+  clip-path: inset(50%);
+}

package/es/selectable-card/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.scss';
+import './index.scss';

package/es/selectable-card/style/index.js

@@ -0,0 +1,2 @@
+import "../../style/index.scss";
+import "./index.scss";

package/es/selectable-card/style/index.scss

@@ -0,0 +1,202 @@
+@use '@style/theme/index.scss' as theme;
+@use 'sass:map';
+@use 'sass:meta';
+@use 'sass:string';
+@use '@components/selectable-card/style/token.scss' as *;
+@use '@components/tag/style/token.scss' as tag-token;
+
+$selectable-card-prefix-cls: string.unquote('#{theme.$prefix}-selectable-card');
+$colors:
+  'red', 'orangered', 'orange', 'gold', 'lime', 'green', 'cyan', 'blue', 'sdblue', 'purple',
+  'pinkpurple', 'magenta', 'gray';
+
+@function tag-token-var($name) {
+  @return map.get(meta.module-variables('tag-token'), $name);
+}
+
+.#{$selectable-card-prefix-cls} {
+  position: relative;
+  box-sizing: border-box;
+  color: $selectable-card-color-value;
+  background: $selectable-card-color-bg;
+  border: $selectable-card-border-width solid $selectable-card-color-border;
+  border-radius: $selectable-card-border-radius;
+  cursor: pointer;
+  transition:
+    color theme.$transition-duration-2 theme.$transition-timing-function-linear,
+    background-color theme.$transition-duration-2 theme.$transition-timing-function-linear,
+    border-color theme.$transition-duration-2 theme.$transition-timing-function-linear,
+    box-shadow theme.$transition-duration-2 theme.$transition-timing-function-linear;
+
+  &::after {
+    position: absolute;
+    background: transparent;
+    border-radius: inherit;
+    transition: background theme.$transition-duration-2 theme.$transition-timing-function-linear;
+    content: '';
+    pointer-events: none;
+    inset: 0;
+  }
+
+  @media (hover: hover) {
+    &:not(&--disabled):hover::after {
+      background: $selectable-card-overlay-hover;
+    }
+  }
+
+  &:not(&--disabled):active::after {
+    background: $selectable-card-overlay-active;
+  }
+
+  &:has(&-input:focus-visible) {
+    outline: 2px solid $selectable-card-color-focus;
+    outline-offset: 2px;
+  }
+
+  &-body {
+    display: flex;
+    min-width: 0;
+  }
+
+  &-content {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-width: 0;
+  }
+
+  &-figure {
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    color: var(--sd-selectable-card-accent);
+    font-size: 2em;
+  }
+
+  &-title {
+    color: $selectable-card-color-title;
+    font-size: theme.$font-size-body-3;
+  }
+
+  &-value {
+    color: $selectable-card-color-value;
+    font-weight: theme.$font-weight-600;
+    line-height: 1.25;
+  }
+
+  &-description,
+  &-default {
+    color: $selectable-card-color-description;
+    font-size: theme.$font-size-body-2;
+    line-height: theme.$line-height-base;
+  }
+
+  &-actions {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    flex-wrap: wrap;
+    gap: theme.$spacing-4;
+  }
+
+  &--layout-horizontal &-body {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  &--layout-vertical &-body {
+    flex-direction: column;
+  }
+
+  &--align-center &-body,
+  &--align-center &-content {
+    align-items: center;
+    text-align: center;
+  }
+
+  @each $size, $padding, $gap,
+    $value-size
+      in (
+        (
+          small,
+          $selectable-card-size-small-padding,
+          $selectable-card-size-small-gap,
+          $selectable-card-size-small-value
+        ),
+        (
+          medium,
+          $selectable-card-size-medium-padding,
+          $selectable-card-size-medium-gap,
+          $selectable-card-size-medium-value
+        ),
+        (
+          large,
+          $selectable-card-size-large-padding,
+          $selectable-card-size-large-gap,
+          $selectable-card-size-large-value
+        )
+      )
+  {
+    &--size-#{$size} {
+      padding: $padding;
+    }
+
+    &--size-#{$size} &-body,
+    &--size-#{$size} &-content {
+      gap: $gap;
+    }
+
+    &--size-#{$size} &-value {
+      font-size: $value-size;
+    }
+  }
+
+  @each $color in $colors {
+    &--color-#{$color} {
+      --sd-selectable-card-accent: #{tag-token-var('tag-#{$color}-color-text')};
+      --sd-selectable-card-soft-bg: #{tag-token-var('tag-#{$color}-color-bg')};
+      --sd-selectable-card-border: #{tag-token-var('tag-#{$color}-bordered-color-border')};
+    }
+  }
+
+  &--selected {
+    border-color: var(--sd-selectable-card-border);
+    box-shadow: inset 0 0 0 2px var(--sd-selectable-card-border);
+  }
+
+  &--selected#{&}--soft {
+    color: var(--sd-selectable-card-accent);
+    background: var(--sd-selectable-card-soft-bg);
+  }
+
+  &--selected#{&}--filled {
+    color: #fff;
+    background: var(--sd-selectable-card-border);
+  }
+
+  &--selected#{&}--filled &-title,
+  &--selected#{&}--filled &-value,
+  &--selected#{&}--filled &-description,
+  &--selected#{&}--filled &-default,
+  &--selected#{&}--filled &-figure {
+    color: inherit;
+  }
+
+  &--disabled {
+    cursor: not-allowed;
+    opacity: $selectable-card-disabled-opacity;
+  }
+
+  &-input {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    border: 0;
+    clip-path: inset(50%);
+  }
+}

package/es/selectable-card/style/token.scss

@@ -0,0 +1,27 @@
+@use '@style/theme/index.scss' as global;
+@use 'sass:string';
+
+@forward '@style/theme/index.scss';
+
+$selectable-card-color-bg: var(string.unquote('#{global.$sd-cssvars-prefix}-color-bg-2'));
+$selectable-card-color-border: var(string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-3'));
+$selectable-card-color-title: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-2'));
+$selectable-card-color-value: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));
+$selectable-card-color-description: var(
+  string.unquote('#{global.$sd-cssvars-prefix}-color-text-3')
+);
+$selectable-card-color-focus: global.$color-primary-6;
+$selectable-card-border-width: global.$border-1;
+$selectable-card-border-radius: global.$radius-large;
+$selectable-card-disabled-opacity: 0.5;
+$selectable-card-overlay-hover: rgb(0 0 0 / 5%);
+$selectable-card-overlay-active: rgb(0 0 0 / 10%);
+$selectable-card-size-small-padding: global.$spacing-6;
+$selectable-card-size-medium-padding: global.$spacing-7;
+$selectable-card-size-large-padding: global.$spacing-9;
+$selectable-card-size-small-gap: global.$spacing-4;
+$selectable-card-size-medium-gap: global.$spacing-6;
+$selectable-card-size-large-gap: global.$spacing-8;
+$selectable-card-size-small-value: global.$font-size-title-1;
+$selectable-card-size-medium-value: global.$font-size-title-2;
+$selectable-card-size-large-value: global.$font-size-title-3;

package/es/selectable-card/types.d.ts

@@ -0,0 +1,7 @@
+import type { TagColor } from '../tag';
+export type SelectableCardColor = TagColor;
+export type SelectableCardVariant = 'outline' | 'soft' | 'filled';
+export type SelectableCardSize = 'small' | 'medium' | 'large';
+export type SelectableCardLayout = 'vertical' | 'horizontal';
+export type SelectableCardAlign = 'start' | 'center';
+export type SelectableCardSizeValue = number | string;

package/es/tree/base-node.vue_vue_type_script_setup_true_lang.js

@@ -64,15 +64,19 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			const action = (_treeContext$treeProp = treeContext.treeProps) === null || _treeContext$treeProp === void 0 ? void 0 : _treeContext$treeProp.actionOnNodeClick;
 			return action ? toArray(action) : [];
 		});
+		const showSwitcher = computed(() => {
+			var _treeContext$treeProp2;
+			return ((_treeContext$treeProp2 = treeContext.treeProps) === null || _treeContext$treeProp2 === void 0 ? void 0 : _treeContext$treeProp2.switcher) !== false;
+		});
 		const { isLeaf, isTail, selectable, disabled, disableCheckbox, draggable } = toRefs(props);
 		const classNames = computed(() => {
-			var _treeContext$treeProp2;
+			var _treeContext$treeProp3;
 			return [`${prefixCls}`, {
 				[`${prefixCls}-selected`]: selected.value,
 				[`${prefixCls}-is-leaf`]: isLeaf.value,
 				[`${prefixCls}-is-tail`]: isTail.value,
 				[`${prefixCls}-expanded`]: expanded.value,
-				[`${prefixCls}-disabled-selectable`]: !selectable.value && !((_treeContext$treeProp2 = treeContext.treeProps) === null || _treeContext$treeProp2 === void 0 ? void 0 : _treeContext$treeProp2.disableSelectActionOnly),
+				[`${prefixCls}-disabled-selectable`]: !selectable.value && !((_treeContext$treeProp3 = treeContext.treeProps) === null || _treeContext$treeProp3 === void 0 ? void 0 : _treeContext$treeProp3.disableSelectActionOnly),
 				[`${prefixCls}-disabled`]: disabled.value
 			}];
 		});
@@ -131,12 +135,12 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const treeDragIcon = computed(() => treeContext.dragIcon);
 		const treeNodeIcon = computed(() => treeContext.nodeIcon);
 		const shouldRenderEllipsis = computed(() => {
-			var _treeContext$treeProp3, _treeContext$treeProp4, _treeContext$treeProp5;
-			return !treeContext.nodeTitle && !slots.title && (((_treeContext$treeProp3 = treeContext.treeProps) === null || _treeContext$treeProp3 === void 0 ? void 0 : _treeContext$treeProp3.ellipsis) === true || ((_treeContext$treeProp4 = treeContext.treeProps) === null || _treeContext$treeProp4 === void 0 ? void 0 : _treeContext$treeProp4.ellipsis) === "performant-ellipsis" || Boolean((_treeContext$treeProp5 = treeContext.treeProps) === null || _treeContext$treeProp5 === void 0 ? void 0 : _treeContext$treeProp5.virtualListProps));
+			var _treeContext$treeProp4, _treeContext$treeProp5, _treeContext$treeProp6;
+			return !treeContext.nodeTitle && !slots.title && (((_treeContext$treeProp4 = treeContext.treeProps) === null || _treeContext$treeProp4 === void 0 ? void 0 : _treeContext$treeProp4.ellipsis) === true || ((_treeContext$treeProp5 = treeContext.treeProps) === null || _treeContext$treeProp5 === void 0 ? void 0 : _treeContext$treeProp5.ellipsis) === "performant-ellipsis" || Boolean((_treeContext$treeProp6 = treeContext.treeProps) === null || _treeContext$treeProp6 === void 0 ? void 0 : _treeContext$treeProp6.virtualListProps));
 		});
 		const ellipsisComponent = computed(() => {
-			var _treeContext$treeProp6, _treeContext$treeProp7;
-			return ((_treeContext$treeProp6 = treeContext.treeProps) === null || _treeContext$treeProp6 === void 0 ? void 0 : _treeContext$treeProp6.ellipsis) === true && !((_treeContext$treeProp7 = treeContext.treeProps) === null || _treeContext$treeProp7 === void 0 ? void 0 : _treeContext$treeProp7.virtualListProps) ? Ellipsis : PerformantEllipsis;
+			var _treeContext$treeProp7, _treeContext$treeProp8;
+			return ((_treeContext$treeProp7 = treeContext.treeProps) === null || _treeContext$treeProp7 === void 0 ? void 0 : _treeContext$treeProp7.ellipsis) === true && !((_treeContext$treeProp8 = treeContext.treeProps) === null || _treeContext$treeProp8 === void 0 ? void 0 : _treeContext$treeProp8.virtualListProps) ? Ellipsis : PerformantEllipsis;
 		});
 		const titleTextClassNames = computed(() => [`${prefixCls}-title-text`, { [`${prefixCls}-title-text-ellipsis`]: shouldRenderEllipsis.value }]);
 		function onSwitcherClick(e) {
@@ -233,7 +237,10 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						class: normalizeClass([`${unref(prefixCls)}-indent-block`, { [`${unref(prefixCls)}-indent-block-lineless`]: __props.lineless[i - 1] }])
 					}, null, 2);
 				}), 128))], 2),
-				createElementVNode("span", { class: normalizeClass([`${unref(prefixCls)}-switcher`, { [`${unref(prefixCls)}-switcher-expanded`]: expanded.value }]) }, [createVNode(node_switcher_default, {
+				showSwitcher.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass([`${unref(prefixCls)}-switcher`, { [`${unref(prefixCls)}-switcher-expanded`]: expanded.value }])
+				}, [createVNode(node_switcher_default, {
 					"prefix-cls": unref(prefixCls),
 					loading: loading.value,
 					"show-line": __props.showLine,
@@ -259,9 +266,9 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					"tree-node-data",
 					"icons",
 					"node-status"
-				])], 2),
+				])], 2)) : createCommentVNode("", true),
 				__props.checkable ? (openBlock(), createBlock(unref(Checkbox), {
-					key: 0,
+					key: 1,
 					disabled: unref(disableCheckbox) || unref(disabled),
 					"model-value": checked.value,
 					indeterminate: indeterminate.value,
@@ -329,7 +336,7 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					key: 2,
 					node: treeNodeData.value
 				}, nodeStatus), null, 16, ["node"])) : (openBlock(), createBlock(unref(IconDragDotVertical), { key: 3 }))], 2)) : createCommentVNode("", true)], 2)], 42, _hoisted_2),
-				extra.value ? (openBlock(), createBlock(resolveDynamicComponent(extra.value), { key: 1 })) : createCommentVNode("", true)
+				extra.value ? (openBlock(), createBlock(resolveDynamicComponent(extra.value), { key: 2 })) : createCommentVNode("", true)
 			], 10, _hoisted_1);
 		};
 	}

package/es/tree/interface.d.ts

@@ -71,6 +71,7 @@ export type CheckableType = boolean | ((node: TreeNodeData, info: {
 export interface TreeProps {
     size: Size;
     blockNode: boolean;
+    switcher: boolean;
     defaultExpandAll: boolean;
     multiple: boolean;
     checkable: CheckableType;

package/es/tree/tree.vue.d.ts

@@ -24,6 +24,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     blockNode: {
         type: BooleanConstructor;
     };
+    switcher: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     defaultExpandAll: {
         type: BooleanConstructor;
         default: boolean;
@@ -219,6 +223,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     blockNode: {
         type: BooleanConstructor;
     };
+    switcher: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     defaultExpandAll: {
         type: BooleanConstructor;
         default: boolean;
@@ -413,6 +421,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     showLine: boolean;
     searchValue: string;
     onlyCheckLeaf: boolean;
+    switcher: boolean;
     defaultExpandAll: boolean;
     checkedStrategy: "parent" | "all" | "child";
     defaultExpandSelected: boolean;

package/es/tree/tree.vue_vue_type_script_setup_true_lang.js

@@ -30,6 +30,14 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		*/
 		blockNode: { type: Boolean },
 		/**
+		* @zh 是否显示节点的展开/收起 switcher，设为 `false` 时不渲染 `switcher` 节点
+		* @en Whether to display the expand/collapse switcher of the node. When set to `false`, the switcher node will not be rendered
+		*/
+		switcher: {
+			type: Boolean,
+			default: true
+		},
+		/**
 		* @zh 是否默认展开父节点
 		* @en Whether to expand the parent node by default
 		*/

package/json/vetur-attributes.json

@@ -4083,6 +4083,10 @@
     "description": "Whether the node occupies a row",
     "type": "boolean"
   },
+  "sd-tree/switcher": {
+    "description": "Whether to display the expand/collapse switcher of the node. When set to `false`, the switcher node will not be rendered",
+    "type": "boolean"
+  },
   "sd-tree/default-expand-all": {
     "description": "Whether to expand the parent node by default",
     "type": "boolean"

package/json/vetur-tags.json

@@ -1136,6 +1136,9 @@
   "sd-select": {
     "attributes": []
   },
+  "sd-selectable-card": {
+    "attributes": []
+  },
   "sd-line": {
     "attributes": [
       "rows",
@@ -1639,6 +1642,7 @@
       "node-swipe-start",
       "size",
       "block-node",
+      "switcher",
       "default-expand-all",
       "multiple",
       "checkable",

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "3.8.0",
+  "version": "3.10.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -6740,6 +6740,12 @@
           "events": [],
           "slots": []
         },
+        {
+          "name": "sd-selectable-card",
+          "attributes": [],
+          "events": [],
+          "slots": []
+        },
         {
           "name": "sd-line",
           "attributes": [
@@ -9794,6 +9800,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "switcher",
+              "description": "Whether to display the expand/collapse switcher of the node. When set to `false`, the switcher node will not be rendered",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "default-expand-all",
               "description": "Whether to expand the parent node by default",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "3.9.0",
+  "version": "3.11.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -64,6 +64,7 @@
     "motion-v": "^2.3.0",
     "number-precision": "^1.6.0",
     "overlayscrollbars": "^2.16.0",
+    "pdfjs-dist": "^6.1.200",
     "qrcode": "^1.5.4",
     "resize-observer-polyfill": "^1.5.1",
     "scroll-into-view-if-needed": "^3.1.0",
@@ -124,6 +125,7 @@
     "dtsgen": "pnpm run build:dts",
     "pretypecheck": "pnpm run icongen",
     "typecheck": "vue-tsc --noEmit -p tsconfig.json",
+    "pretest": "pnpm run icongen",
     "test": "cypress run --component --browser chrome",
     "test:affected": "node ./scripts/find-affected-cypress-specs.mjs",
     "test:affected:unit": "node --test ./scripts/find-affected-cypress-specs.test.mjs",