bkui-vue 0.0.1-beta.336 → 0.0.1-beta.338

package/dist/index.esm.js

@@ -9724,8 +9724,8 @@ const useCheckbox = () => {
     const $targetInput = event.target;
     isChecked.value = $targetInput.checked;
     const nextValue = isChecked.value ? props2.trueLabel : props2.falseLabel;
-    emit("change", nextValue);
     emit("update:modelValue", nextValue);
+    emit("change", nextValue);
     if (isGroup) {
       checkboxGroup.handleChange();
     }
@@ -10023,8 +10023,8 @@ var CollapsePanel = defineComponent({
         name
       };
       isActive.value = !isActive.value;
-      emit("change", data2);
       emit("update:modelValue", isActive.value);
+      emit("change", data2);
       if (typeof itemClick === "function") {
         itemClick(data2);
       } else if (typeof handleItemClick === "function") {
@@ -13903,8 +13903,8 @@ const useRadio = () => {
     const $targetInput = event.target;
     isChecked.value = $targetInput.checked;
     const nextValue = isChecked.value ? props2.label : "";
-    emit("change", nextValue);
     emit("update:modelValue", nextValue);
+    emit("change", nextValue);
     if (isGroup) {
       radioGroup.handleChange(currentInstance.proxy);
     }
@@ -14038,7 +14038,7 @@ var RadioButton = defineComponent({
       if (!this.label && !this.$slots.default) {
         return null;
       }
-      return createVNode("span", {
+      return createVNode("div", {
         "class": "bk-radio-button-label"
       }, [this.$slots.default ? this.$slots.default() : this.label]);
     };
@@ -15222,7 +15222,8 @@ var Component$j = defineComponent({
     showSelectedIcon: PropTypes.bool.def(true),
     inputSearch: PropTypes.bool.def(true),
     enableVirtualRender: PropTypes.bool.def(false),
-    allowEmptyValues: PropTypes.array.def([])
+    allowEmptyValues: PropTypes.array.def([]),
+    autoFocus: PropTypes.bool.def(false)
   },
   emits: ["update:modelValue", "change", "toggle", "clear", "scroll-end", "focus", "blur"],
   setup(props2, {
@@ -15253,7 +15254,8 @@ var Component$j = defineComponent({
       collapseTags,
       autoHeight,
       popoverOptions,
-      allowEmptyValues
+      allowEmptyValues,
+      autoFocus
     } = toRefs(props2);
     const formItem = useFormItem();
     const inputRef = ref();
@@ -15368,6 +15370,9 @@ var Component$j = defineComponent({
     } = usePopover({
       popoverMinWidth: popoverMinWidth.value
     }, triggerRef);
+    watch(isPopoverShow, () => {
+      emit("toggle", isPopoverShow.value);
+    });
     const isInput = computed(() => (filterable.value && inputSearch.value || allowCreate.value) && isPopoverShow.value);
     watch(isPopoverShow, (isShow) => {
       if (!isShow) {
@@ -15402,15 +15407,14 @@ var Component$j = defineComponent({
     const emitChange = (val) => {
       if (val === modelValue.value)
         return;
-      emit("change", val, modelValue.value);
       emit("update:modelValue", val, modelValue.value);
+      emit("change", val, modelValue.value);
     };
     const handleTogglePopover = () => {
       if (isDisabled.value)
         return;
       handleFocus();
       togglePopover();
-      emit("toggle", isPopoverShow.value);
     };
     const handleInputChange = (value) => {
       if (!filterable.value)
@@ -15618,6 +15622,7 @@ var Component$j = defineComponent({
       handleSetSelectedData();
       setTimeout(() => {
         showOnInit.value && showPopover();
+        autoFocus.value && focusInput();
       });
       on$2(document, "keydown", handleKeydown);
     });
@@ -19720,7 +19725,7 @@ var Component$d = defineComponent({
     const getSelectedTagNodes = () => {
       var _a;
       const nodes = Array.from(((_a = tagListRef.value) == null ? void 0 : _a.childNodes) || []);
-      return nodes.filter((node) => node.nodeType !== Node.TEXT_NODE);
+      return nodes.filter((node) => ![Node.TEXT_NODE, Node.COMMENT_NODE].includes(node.nodeType));
     };
     const focusInputTrigger = (e) => {
       if (props2.disabled)
@@ -19937,9 +19942,9 @@ var Component$d = defineComponent({
       tagInputRef.value.style.width = `${INPUT_MIN_WIDTH}px`;
     };
     const handleChange = (type, data2) => {
-      emit("change", tagList.value);
       emit(type, data2);
       emit("update:modelValue", tagList.value);
+      emit("change", tagList.value);
     };
     const handleClear = (e) => {
       e.stopPropagation();
@@ -26213,8 +26218,8 @@ var Component$a = defineComponent({
     const emitChange = (type) => {
       nextTick(() => {
         var _a;
-        emit("change", publicStringValue.value, type);
         emit("update:modelValue", publicVModelValue.value);
+        emit("change", publicStringValue.value, type);
         if (props2.type.indexOf("time") < 0) {
           (_a = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _a.blur();
         }
@@ -26766,8 +26771,8 @@ var TimePicker = defineComponent({
     const emitChange = (type) => {
       nextTick(() => {
         var _a;
-        emit("change", publicStringValue.value, type);
         emit("update:modelValue", publicVModelValue.value);
+        emit("change", publicStringValue.value, type);
         if (props2.type.indexOf("time") < 0) {
           (_a = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _a.blur();
         }
@@ -28811,7 +28816,7 @@ const getRuleMessage = (rule) => {
 };
 var defaultValidator = {
   required: (value) => {
-    if (typeof value === "number") {
+    if (typeof value === "number" || typeof value === "boolean" || _$1.isDate(value)) {
       return true;
     }
     return !_$1.isEmpty(value);
@@ -36987,8 +36992,8 @@ var Component$1 = defineComponent({
       const handleColorStr = handleColorObj.rgba.a === 1 ? handleColorObj.hex : toRGBAString(handleColorObj.rgba);
       colorStr.value = handleColorStr;
       Object.assign(colorObj, handleColorObj);
-      emit("change", handleColorStr);
       emit("update:modelValue", colorStr.value);
+      emit("change", handleColorStr);
     };
     const hideDropDown = () => {
       showDropdown.value = false;