@sdata/web-vue 1.9.0 → 1.11.0

package/es/tree/base-node.vue.d.ts

@@ -66,16 +66,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     checked: import("vue").ComputedRef<boolean | undefined>;
     expanded: import("vue").ComputedRef<boolean | undefined>;
     selected: import("vue").ComputedRef<boolean | undefined>;
-    treeTitle: import("vue").ComputedRef<(() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    treeTitle: import("vue").ComputedRef<((_attrs: Record<string, unknown>) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>[] | undefined) | undefined>;
+    }>[]) | undefined>;
     treeNodeData: import("vue").ComputedRef<import("./interface").TreeNodeData>;
     loading: import("vue").ComputedRef<boolean | undefined>;
     treeDragIcon: import("vue").ComputedRef<import("vue").Slot | undefined>;
     treeNodeIcon: import("vue").ComputedRef<import("vue").Slot | undefined>;
-    extra: import("vue").ComputedRef<(() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    extra: import("vue").ComputedRef<((_attrs: Record<string, unknown>) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>[] | undefined) | undefined>;
+    }>[]) | undefined>;
     nodeStatus: {
         loading: boolean | undefined;
         checked: boolean | undefined;
@@ -84,7 +84,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         expanded: boolean | undefined;
         isLeaf: boolean;
     };
-    onCheckboxChange(checked: boolean, e: Event): void;
+    onCheckboxChange(value: boolean | (string | number | boolean)[], e: Event): void;
     onTitleClick(e: Event): void;
     onSwitcherClick: (e: Event) => void;
     onDragStart(e: DragEvent): void;
@@ -242,6 +242,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -284,6 +285,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -321,6 +323,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -581,8 +584,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>, {
             disabled: boolean;
             defaultValue: (string | number | boolean)[];
-            modelValue: (string | number | boolean)[];
             direction: "horizontal" | "vertical";
+            modelValue: (string | number | boolean)[];
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
     };
@@ -625,6 +628,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -667,6 +671,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -704,6 +709,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

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

@@ -131,23 +131,30 @@ var base_node_vue_vue_type_script_lang_default = defineComponent({
 			checked,
 			expanded,
 			selected,
-			treeTitle: computed(() => treeContext.nodeTitle ? () => {
-				var _treeContext$nodeTitl;
-				return (_treeContext$nodeTitl = treeContext.nodeTitle) === null || _treeContext$nodeTitl === void 0 ? void 0 : _treeContext$nodeTitl.call(treeContext, treeNodeData.value, nodeStatus);
-			} : void 0),
+			treeTitle: computed(() => {
+				if (!treeContext.nodeTitle) return;
+				return (_attrs) => {
+					var _treeContext$nodeTitl, _treeContext$nodeTitl2;
+					return (_treeContext$nodeTitl = (_treeContext$nodeTitl2 = treeContext.nodeTitle) === null || _treeContext$nodeTitl2 === void 0 ? void 0 : _treeContext$nodeTitl2.call(treeContext, treeNodeData.value, nodeStatus)) !== null && _treeContext$nodeTitl !== void 0 ? _treeContext$nodeTitl : [];
+				};
+			}),
 			treeNodeData,
 			loading,
 			treeDragIcon,
 			treeNodeIcon,
-			extra: computed(() => treeContext.nodeExtra ? () => {
-				var _treeContext$nodeExtr;
-				return (_treeContext$nodeExtr = treeContext.nodeExtra) === null || _treeContext$nodeExtr === void 0 ? void 0 : _treeContext$nodeExtr.call(treeContext, treeNodeData.value, nodeStatus);
-			} : void 0),
+			extra: computed(() => {
+				if (!treeContext.nodeExtra) return;
+				return (_attrs) => {
+					var _treeContext$nodeExtr, _treeContext$nodeExtr2;
+					return (_treeContext$nodeExtr = (_treeContext$nodeExtr2 = treeContext.nodeExtra) === null || _treeContext$nodeExtr2 === void 0 ? void 0 : _treeContext$nodeExtr2.call(treeContext, treeNodeData.value, nodeStatus)) !== null && _treeContext$nodeExtr !== void 0 ? _treeContext$nodeExtr : [];
+				};
+			}),
 			nodeStatus,
-			onCheckboxChange(checked, e) {
+			onCheckboxChange(value, e) {
 				var _treeContext$onCheck;
 				if (disableCheckbox.value || disabled.value) return;
-				(_treeContext$onCheck = treeContext.onCheck) === null || _treeContext$onCheck === void 0 || _treeContext$onCheck.call(treeContext, checked, key.value, e);
+				if (Array.isArray(value)) return;
+				(_treeContext$onCheck = treeContext.onCheck) === null || _treeContext$onCheck === void 0 || _treeContext$onCheck.call(treeContext, value, key.value, e);
 			},
 			onTitleClick(e) {
 				var _treeContext$onSelect;
@@ -163,7 +170,9 @@ var base_node_vue_vue_type_script_lang_default = defineComponent({
 				try {
 					var _e$dataTransfer;
 					(_e$dataTransfer = e.dataTransfer) === null || _e$dataTransfer === void 0 || _e$dataTransfer.setData("text/plain", "");
-				} catch (error) {}
+				} catch (error) {
+					if (!(error instanceof DOMException)) throw error;
+				}
 			},
 			onDragEnd(e) {
 				if (!draggable.value) return;

package/es/tree/expand-transition.vue.d.ts

@@ -3,9 +3,9 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     expanded: BooleanConstructor;
 }>, {
-    onEnter(el: HTMLDivElement): void;
-    onAfterEnter(el: HTMLDivElement): void;
-    onBeforeLeave(el: HTMLDivElement): void;
+    onEnter(el: Element): void;
+    onAfterEnter(el: Element): void;
+    onBeforeLeave(el: Element): void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "end"[], "end", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     expanded: BooleanConstructor;
 }>> & Readonly<{

package/es/tree/expand-transition.vue_vue_type_script_lang.js

@@ -5,19 +5,22 @@ var expand_transition_vue_vue_type_script_lang_default = defineComponent({
 	props: { expanded: Boolean },
 	emits: ["end"],
 	setup(props, { emit }) {
+		const getElement = (el) => el;
 		return {
 			onEnter(el) {
-				const endHeight = `${el.scrollHeight}px`;
-				el.style.height = props.expanded ? "0" : endHeight;
-				el.offsetHeight;
-				el.style.height = props.expanded ? endHeight : "0";
+				const target = getElement(el);
+				const endHeight = `${target.scrollHeight}px`;
+				target.style.height = props.expanded ? "0" : endHeight;
+				target.getBoundingClientRect();
+				target.style.height = props.expanded ? endHeight : "0";
 			},
 			onAfterEnter(el) {
-				el.style.height = props.expanded ? "" : "0";
+				const target = getElement(el);
+				target.style.height = props.expanded ? "" : "0";
 				emit("end");
 			},
 			onBeforeLeave(el) {
-				el.style.display = "none";
+				getElement(el).style.display = "none";
 			}
 		};
 	}

package/es/tree/hooks/use-tree-data.d.ts

@@ -1,8 +1,8 @@
-import { TreeFieldNames, TreeNodeData, Node, LoadMore, CheckableType, SelectableType } from '../interface';
+import { TreeFieldNames, TreeNodeData, Node, LoadMore, CheckableType } from '../interface';
 export default function useTreeData(props: {
     treeData: TreeNodeData[];
     fieldNames?: TreeFieldNames;
-    selectable?: SelectableType;
+    selectable?: CheckableType;
     showLine?: boolean;
     blockNode?: boolean;
     checkable?: CheckableType;
@@ -10,8 +10,12 @@ export default function useTreeData(props: {
     draggable?: boolean;
 }): {
     treeData: import("vue").Ref<{
-        key: import("../interface").TreeNodeKey;
+        [x: string]: unknown;
+        [x: number]: unknown;
+        key: import("..").TreeNodeKey;
         treeNodeProps: {
+            [x: string]: unknown;
+            [x: number]: unknown;
             selectable: boolean;
             disabled: boolean;
             disableCheckbox: boolean;
@@ -23,14 +27,9 @@ export default function useTreeData(props: {
             showLine: boolean;
             level: number;
             lineless: boolean[];
-            title?: string | undefined;
-            key?: string | number | undefined;
-            icon?: (() => import("vue").VNode) | undefined;
-            switcherIcon?: (() => import("vue").VNode) | undefined;
-            loadingIcon?: (() => import("vue").VNode) | undefined;
-            dragIcon?: (() => import("vue").VNode) | undefined;
         };
         treeNodeData: {
+            [x: string]: unknown;
             key?: string | number | undefined;
             title?: string | undefined;
             selectable?: boolean | undefined;
@@ -46,8 +45,8 @@ export default function useTreeData(props: {
             children?: any[] | undefined;
         };
         parent?: any | undefined;
-        parentKey?: import("../interface").TreeNodeKey | undefined;
-        pathParentKeys: import("../interface").TreeNodeKey[];
+        parentKey?: import("..").TreeNodeKey | undefined;
+        pathParentKeys: import("..").TreeNodeKey[];
         children?: any[] | undefined;
         selectable: boolean;
         disabled: boolean;
@@ -60,14 +59,13 @@ export default function useTreeData(props: {
         showLine: boolean;
         level: number;
         lineless: boolean[];
-        title?: string | undefined;
-        icon?: (() => import("vue").VNode) | undefined;
-        switcherIcon?: (() => import("vue").VNode) | undefined;
-        loadingIcon?: (() => import("vue").VNode) | undefined;
-        dragIcon?: (() => import("vue").VNode) | undefined;
     }[], Node[] | {
-        key: import("../interface").TreeNodeKey;
+        [x: string]: unknown;
+        [x: number]: unknown;
+        key: import("..").TreeNodeKey;
         treeNodeProps: {
+            [x: string]: unknown;
+            [x: number]: unknown;
             selectable: boolean;
             disabled: boolean;
             disableCheckbox: boolean;
@@ -79,14 +77,9 @@ export default function useTreeData(props: {
             showLine: boolean;
             level: number;
             lineless: boolean[];
-            title?: string | undefined;
-            key?: string | number | undefined;
-            icon?: (() => import("vue").VNode) | undefined;
-            switcherIcon?: (() => import("vue").VNode) | undefined;
-            loadingIcon?: (() => import("vue").VNode) | undefined;
-            dragIcon?: (() => import("vue").VNode) | undefined;
         };
         treeNodeData: {
+            [x: string]: unknown;
             key?: string | number | undefined;
             title?: string | undefined;
             selectable?: boolean | undefined;
@@ -102,8 +95,8 @@ export default function useTreeData(props: {
             children?: any[] | undefined;
         };
         parent?: any | undefined;
-        parentKey?: import("../interface").TreeNodeKey | undefined;
-        pathParentKeys: import("../interface").TreeNodeKey[];
+        parentKey?: import("..").TreeNodeKey | undefined;
+        pathParentKeys: import("..").TreeNodeKey[];
         children?: any[] | undefined;
         selectable: boolean;
         disabled: boolean;
@@ -116,12 +109,7 @@ export default function useTreeData(props: {
         showLine: boolean;
         level: number;
         lineless: boolean[];
-        title?: string | undefined;
-        icon?: (() => import("vue").VNode) | undefined;
-        switcherIcon?: (() => import("vue").VNode) | undefined;
-        loadingIcon?: (() => import("vue").VNode) | undefined;
-        dragIcon?: (() => import("vue").VNode) | undefined;
     }[]>;
     flattenTreeData: import("vue").ComputedRef<Node[]>;
-    key2TreeNode: import("vue").ComputedRef<import("../interface").Key2TreeNode>;
+    key2TreeNode: import("vue").ComputedRef<import("..").Key2TreeNode>;
 };