@sdata/web-vue 2.2.1 → 2.3.1

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

@@ -85,15 +85,4 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install: (app: import("vue").App, options?: import("../_utils/types.js").SDIconOptions) => void;
     };
-    RenderFunction: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        renderFunc: {
-            type: PropType<import("../_components/render-function").RenderFunc>;
-            required: true;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        renderFunc: {
-            type: PropType<import("../_components/render-function").RenderFunc>;
-            required: true;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,7 +1,6 @@
 import icon_hover_default from "../_components/icon-hover.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import usePickSlots from "../_hooks/use-pick-slots.js";
-import render_function_default from "../_components/render-function.js";
 import useTreeContext from "./hooks/use-tree-context.js";
 import IconCaretDown from "../icon/icon-caret-down/index.js";
 import IconFile from "../icon/icon-file/index.js";
@@ -9,10 +8,7 @@ import { defineComponent, h, toRefs } from "vue";
 //#region components/tree/node-switcher.vue?vue&type=script&lang.tsx
 var node_switcher_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 	name: "TreeNodeSwitcher",
-	components: {
-		IconLoading,
-		RenderFunction: render_function_default
-	},
+	components: { IconLoading },
 	props: {
 		prefixCls: String,
 		loading: Boolean,

package/es/trigger/trigger.js

@@ -513,6 +513,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			var _firstElement$value, _popupRef$value;
 			if (((_firstElement$value = firstElement.value) === null || _firstElement$value === void 0 ? void 0 : _firstElement$value.contains(e.target)) || ((_popupRef$value = popupRef.value) === null || _popupRef$value === void 0 ? void 0 : _popupRef$value.contains(e.target))) return;
 			for (const item of childrenRefs) {
+				if (!item) continue;
 				const element = "value" in item ? item.value : item;
 				if (element === null || element === void 0 ? void 0 : element.contains(e.target)) return;
 			}
@@ -554,7 +555,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 		const handlePopupMouseDown = (e) => {
 			if (props.preventFocus) e.preventDefault();
 		};
-		triggerCtx === null || triggerCtx === void 0 || triggerCtx.addChildRef(popupRef.value);
+		if (popupRef.value) triggerCtx === null || triggerCtx === void 0 || triggerCtx.addChildRef(popupRef.value);
 		const triggerCls = computed(() => {
 			return computedVisible.value ? props.openedClass : void 0;
 		});

package/es/verification-code/verification-code.js

@@ -1,5 +1,5 @@
 import { getPrefixCls } from "../_utils/global-config.js";
-import { isExist, isFunction, isString } from "../_utils/is.js";
+import { isExist, isFunction, isString, isUndefined } from "../_utils/is.js";
 import { ArrowLeft, ArrowRight, Backspace } from "../_utils/keycode.js";
 import Input from "../input/index.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps, ref, watch } from "vue";
@@ -121,11 +121,20 @@ var verification_code_default = /* @__PURE__ */ defineComponent({
 		};
 		const handleFocus = (index) => inputRefList === null || inputRefList === void 0 ? void 0 : inputRefList.value[index].focus();
 		const focusFirstEmptyInput = (index) => {
-			if (isExist(index) && innerValue.value[index]) return;
-			for (let i = 0; i < innerValue.value.length; i++) if (!innerValue.value[i]) {
-				handleFocus(i);
-				break;
-			}
+			const values = innerValue.value;
+			const len = values.length;
+			if (!isUndefined(index) && values[index]) return;
+			const firstEmpty = values.findIndex((v) => !v);
+			handleFocus(firstEmpty === -1 ? len - 1 : firstEmpty);
+		};
+		const handleCursorToEnd = (e, i) => {
+			if (!innerValue.value[i]) return;
+			const target = e.target;
+			if (!(target === null || target === void 0 ? void 0 : target.setSelectionRange)) return;
+			e.preventDefault();
+			target.focus();
+			const end = target.value.length;
+			target.setSelectionRange(end, end);
 		};
 		const handlePaste = (e, index) => {
 			e.preventDefault();
@@ -188,7 +197,8 @@ var verification_code_default = /* @__PURE__ */ defineComponent({
 					"onInput": (v, e) => handleInput(i, v, e)
 				}, {
 					onKeydown: (e) => handleKeydown(i, e),
-					onPaste: (e) => handlePaste(e, i)
+					onPaste: (e) => handlePaste(e, i),
+					onMousedown: (e) => handleCursorToEnd(e, i)
 				}), null), (_props$separator = props.separator) === null || _props$separator === void 0 ? void 0 : _props$separator.call(props, i, c)]);
 			})]);
 		};

package/json/vetur-attributes.json

@@ -66,6 +66,28 @@
     "description": "Whether to show the left axis",
     "type": "boolean"
   },
+  "sd-anchor/affix": {
+    "description": "Whether to wrap anchor within Affix",
+    "type": "boolean"
+  },
+  "sd-anchor/affix-style": {
+    "description": "The style to be applied to Affix"
+  },
+  "sd-anchor/offset-top": {
+    "description": "Offset from the top of the viewport",
+    "type": "number"
+  },
+  "sd-anchor/offset-bottom": {
+    "description": "Offset from the bottom of the viewport",
+    "type": "number"
+  },
+  "sd-anchor/direction": {
+    "description": "Direction"
+  },
+  "sd-anchor/target-offset": {
+    "description": "The offset of the baseline relative to the top of the container. The value is half of the height of the scrolling container if not specified",
+    "type": "number"
+  },
   "sd-anchor/scroll-container": {
     "description": "Scroll container"
   },
@@ -295,6 +317,10 @@
     "description": "Whether the button is in the loading state",
     "type": "boolean"
   },
+  "sd-button/loading-fixed-width": {
+    "description": "The width of the button remains unchanged on loading.",
+    "type": "boolean"
+  },
   "sd-button/disabled": {
     "description": "Whether the button is disabled",
     "type": "boolean"
@@ -599,6 +625,10 @@
     "description": "Whether to enable clear buttons by default",
     "type": "boolean"
   },
+  "sd-config-provider/auto-insert-space-in-button": {
+    "description": "When there are two Chinese characters in the button, a space is automatically added between two Chinese characters.",
+    "type": "boolean"
+  },
   "sd-config-provider/allow-search": {
     "description": "Whether to enable search by default",
     "type": "boolean"
@@ -761,6 +791,9 @@
   "sd-range-picker/time-picker-props": {
     "description": "Time display parameters, refer to [TimePickerProps](/vue/component/time-picker)"
   },
+  "sd-range-picker/input-props": {
+    "description": "Native input attributes"
+  },
   "sd-range-picker/placeholder": {
     "description": "Prompt copy"
   },
@@ -778,6 +811,26 @@
     "description": "Whether the time will be exchanged, by default time will affect and participate in the ordering of start and end values, if you want to fix the time order, you can turn it off.",
     "type": "boolean"
   },
+  "sd-range-picker/fixed-time": {
+    "description": "Is it a fixed time?",
+    "type": "boolean"
+  },
+  "sd-range-picker/clear-range-on-reselect": {
+    "description": "When reselecting the range, the previous range will be cleared for next selection",
+    "type": "boolean"
+  },
+  "sd-range-picker/hide-not-in-view-dates": {
+    "description": "Hide gray dates that are not in the current time range in the panel",
+    "type": "boolean"
+  },
+  "sd-range-picker/utc-offset": {
+    "description": "Set the timezone offset. Set to 0 for UTC time.",
+    "type": "number"
+  },
+  "sd-range-picker/timezone": {
+    "description": "Set timezone. If `utcOffset` is set, `utcOffset` takes precedence.",
+    "type": "string"
+  },
   "sd-range-picker/disabled-input": {
     "description": "Whether input is disabled with the keyboard.",
     "type": "boolean"

package/json/vetur-tags.json

@@ -32,6 +32,12 @@
       "change",
       "boundary",
       "line-less",
+      "affix",
+      "affix-style",
+      "offset-top",
+      "offset-bottom",
+      "direction",
+      "target-offset",
       "scroll-container",
       "change-hash",
       "smooth"
@@ -135,6 +141,7 @@
       "size",
       "long",
       "loading",
+      "loading-fixed-width",
       "disabled",
       "html-type",
       "autofocus",
@@ -276,6 +283,7 @@
       "locale",
       "size",
       "allow-clear",
+      "auto-insert-space-in-button",
       "allow-search",
       "virtual-list-props",
       "global",
@@ -337,11 +345,17 @@
       "value-format",
       "show-time",
       "time-picker-props",
+      "input-props",
       "placeholder",
       "disabled-date",
       "disabled-time",
       "separator",
       "exchange-time",
+      "fixed-time",
+      "clear-range-on-reselect",
+      "hide-not-in-view-dates",
+      "utc-offset",
+      "timezone",
       "disabled-input",
       "abbreviation"
     ]

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": "2.1.1",
+  "version": "2.2.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -158,6 +158,54 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "affix",
+              "description": "Whether to wrap anchor within Affix",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "affix-style",
+              "description": "The style to be applied to Affix",
+              "value": {
+                "type": "CSSProperties",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "offset-top",
+              "description": "Offset from the top of the viewport",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "offset-bottom",
+              "description": "Offset from the bottom of the viewport",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "direction",
+              "description": "Direction",
+              "value": {
+                "type": "Direction",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "target-offset",
+              "description": "The offset of the baseline relative to the top of the container. The value is half of the height of the scrolling container if not specified",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
             {
               "name": "scroll-container",
               "description": "Scroll container",
@@ -755,6 +803,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "loading-fixed-width",
+              "description": "The width of the button remains unchanged on loading.",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled",
               "description": "Whether the button is disabled",
@@ -1579,6 +1635,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "auto-insert-space-in-button",
+              "description": "When there are two Chinese characters in the button, a space is automatically added between two Chinese characters.",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "allow-search",
               "description": "Whether to enable search by default",
@@ -1909,6 +1973,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "input-props",
+              "description": "Native input attributes",
+              "value": {
+                "type": "Record<string, any>[]",
+                "kind": "expression"
+              }
+            },
             {
               "name": "placeholder",
               "description": "Prompt copy",
@@ -1949,6 +2021,46 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "fixed-time",
+              "description": "Is it a fixed time?",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "clear-range-on-reselect",
+              "description": "When reselecting the range, the previous range will be cleared for next selection",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "hide-not-in-view-dates",
+              "description": "Hide gray dates that are not in the current time range in the panel",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "utc-offset",
+              "description": "Set the timezone offset. Set to 0 for UTC time.",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "timezone",
+              "description": "Set timezone. If `utcOffset` is set, `utcOffset` takes precedence.",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled-input",
               "description": "Whether input is disabled with the keyboard.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "2.2.1",
+  "version": "2.3.1",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",

package/es/_components/render-function.d.ts

@@ -1,14 +0,0 @@
-import { PropType, VNodeTypes } from 'vue';
-export type RenderFunc = (props: Record<string, unknown>) => VNodeTypes;
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    renderFunc: {
-        type: PropType<RenderFunc>;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    renderFunc: {
-        type: PropType<RenderFunc>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/_components/render-function.js

@@ -1,14 +0,0 @@
-import { defineComponent } from "vue";
-//#region components/_components/render-function.ts
-var render_function_default = defineComponent({
-	name: "RenderFunction",
-	props: { renderFunc: {
-		type: Function,
-		required: true
-	} },
-	render() {
-		return this.renderFunc(this.$attrs);
-	}
-});
-//#endregion
-export { render_function_default as default };