bkui-vue 0.0.1-beta.343 → 0.0.1-beta.344

package/dist/index.esm.js

@@ -7889,11 +7889,6 @@ var SizeEnum = /* @__PURE__ */ ((SizeEnum2) => {
   SizeEnum2["DEFAULT"] = "default";
   return SizeEnum2;
 })(SizeEnum || {});
-var RenderDirectiveEnum = /* @__PURE__ */ ((RenderDirectiveEnum2) => {
-  RenderDirectiveEnum2["IF"] = "if";
-  RenderDirectiveEnum2["SHOW"] = "show";
-  return RenderDirectiveEnum2;
-})(RenderDirectiveEnum || {});
 function renderDirectiveType() {
   return j("renderDirective", {
     default: "show"
@@ -9166,8 +9161,25 @@ var BreadcrumbItem = defineComponent({
     const classCtx = classes({
       "bk-breadcrumb-item": true
     }, `${props2.extCls || ""}`);
+    const renderSeparator = () => {
+      if (slots.separator) {
+        return slots.separator();
+      }
+      if (parent.separatorClass) {
+        return createVNode("i", {
+          "class": `bk-breadcrumb-separator ${parent.separatorClass}`
+        }, null);
+      }
+      if (parent.separator) {
+        return createVNode("span", {
+          "class": "bk-breadcrumb-separator",
+          "role": "presentation"
+        }, [parent == null ? void 0 : parent.separator]);
+      }
+      return null;
+    };
     return () => {
-      var _a, _b;
+      var _a;
       return createVNode("span", {
         "class": classCtx
       }, [createVNode("span", {
@@ -9175,12 +9187,7 @@ var BreadcrumbItem = defineComponent({
         "class": `bk-breadcrumb-item-inner ${props2.to ? "is-link" : ""}`,
         "role": "link",
         "onClick": handleClick
-      }, [(_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)]), (slots == null ? void 0 : slots.separator) ? (_b = slots == null ? void 0 : slots.separator) == null ? void 0 : _b.call(slots) : (parent == null ? void 0 : parent.separatorClass) ? createVNode("i", {
-        "class": `bk-breadcrumb-separator ${parent.separatorClass}`
-      }, null) : createVNode("span", {
-        "class": "bk-breadcrumb-separator",
-        "role": "presentation"
-      }, [parent == null ? void 0 : parent.separator])]);
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSeparator()]);
     };
   }
 });
@@ -9337,10 +9344,10 @@ var Component$y = defineComponent({
         if (isHover.value && !props2.text)
           return "white";
         if (props2.text && props2.disabled)
-          return "";
+          return;
         return props2.hoverTheme || props2.theme;
       }
-      return ["", "default"].includes(props2.theme) ? "" : "white";
+      return !props2.theme ? void 0 : "white";
     });
     const loadingSize = computed(() => isText.value || props2.size === BkLoadingSize.Small ? BkLoadingSize.Mini : BkLoadingSize.Small);
     const handleClick = (e) => {
@@ -9798,6 +9805,7 @@ const useCheckbox = () => {
   } = currentInstance;
   const checkboxGroup = inject(checkboxGroupKey, EMPTY_OBJ);
   const isGroup = !isEmptyObj(checkboxGroup);
+  const inputRef = ref();
   const isChecked = ref(props2.checked);
   const isDisabled = computed(() => {
     if (isGroup && checkboxGroup.props.disabled) {
@@ -9805,6 +9813,19 @@ const useCheckbox = () => {
     }
     return props2.disabled;
   });
+  const triggerChange = () => {
+    const nextValue = isChecked.value ? props2.trueLabel : props2.falseLabel;
+    emit("update:modelValue", nextValue);
+    emit("change", nextValue);
+    if (isGroup) {
+      checkboxGroup.handleChange();
+    }
+    nextTick(() => {
+      if (inputRef.value.checked !== isChecked.value) {
+        inputRef.value.checked = isChecked.value;
+      }
+    });
+  };
   if (isGroup) {
     watch(() => checkboxGroup.props.modelValue, (modelValue) => {
       isChecked.value = modelValue.includes(props2.label);
@@ -9821,6 +9842,10 @@ const useCheckbox = () => {
       immediate: true
     });
   }
+  watch(() => props2.checked, () => {
+    isChecked.value = props2.checked;
+    triggerChange();
+  });
   const setChecked = (value = true) => {
     isChecked.value = value;
   };
@@ -9830,17 +9855,7 @@ const useCheckbox = () => {
     }
     const $targetInput = event.target;
     isChecked.value = $targetInput.checked;
-    const nextValue = isChecked.value ? props2.trueLabel : props2.falseLabel;
-    emit("update:modelValue", nextValue);
-    emit("change", nextValue);
-    if (isGroup) {
-      checkboxGroup.handleChange();
-    }
-    nextTick(() => {
-      if ($targetInput.checked !== isChecked.value) {
-        $targetInput.checked = isChecked.value;
-      }
-    });
+    triggerChange();
   };
   onMounted(() => {
     if (isGroup) {
@@ -9853,6 +9868,7 @@ const useCheckbox = () => {
     }
   });
   return {
+    inputRef,
     isChecked,
     isDisabled,
     setChecked,
@@ -9860,10 +9876,10 @@ const useCheckbox = () => {
   };
 };
 const checkboxProps = {
-  modelValue: PropTypes.oneOfType([String, Number, Boolean]).def(""),
+  modelValue: PropTypes.oneOfType([String, Number, Boolean]),
   label: PropTypes.oneOfType([String, Number, Boolean]),
   trueLabel: PropTypes.oneOfType([String, Number, Boolean]).def(true),
-  falseLabel: PropTypes.oneOfType([String, Number, Boolean]).def(""),
+  falseLabel: PropTypes.oneOfType([String, Number, Boolean]).def(false),
   disabled: PropTypes.bool.def(false),
   checked: PropTypes.bool.def(false),
   indeterminate: PropTypes.bool,
@@ -9880,12 +9896,14 @@ var Component$v = defineComponent({
       focus: handleFocus
     }] = useFocus$1();
     const {
+      inputRef,
       isChecked,
       isDisabled,
       setChecked,
       handleChange
     } = useCheckbox();
     return {
+      inputRef,
       isFocus,
       isChecked,
       isDisabled,
@@ -9917,6 +9935,7 @@ var Component$v = defineComponent({
     }, [createVNode("span", {
       "class": [resolveClassName("checkbox-input"), this.size]
     }, [createVNode("input", {
+      "ref": "inputRef",
       "role": "checkbox",
       "type": "checkbox",
       "class": "bk-checkbox-original",
@@ -10012,7 +10031,7 @@ const propsCollapsePanel = __spreadValues({
   content: PropTypes.string,
   disabled: PropTypes.bool.def(false),
   isFormList: PropTypes.bool.def(false),
-  renderDirective: renderDirectiveType().def(RenderDirectiveEnum.SHOW),
+  renderDirective: renderDirectiveType(),
   modelValue: PropTypes.bool.def(false)
 }, CollapsePanelEventProps);
 const trimArr$1 = function(s2) {
@@ -10310,7 +10329,7 @@ const propsMixin$1 = {
   direction: PropTypes.string,
   title: PropTypes.string.def(""),
   animateType: PropTypes.string.def("slide"),
-  renderDirective: renderDirectiveType,
+  renderDirective: renderDirectiveType(),
   beforeClose: PropTypes.custom(() => true),
   dialogType: dialogTypeUnion(),
   multiInstance: PropTypes.bool.def(true),
@@ -20466,7 +20485,7 @@ const tabPanelProps = {
   visible: PropTypes.bool.def(true),
   disabled: PropTypes.bool,
   sortable: PropTypes.bool,
-  renderDirective: renderDirectiveType,
+  renderDirective: renderDirectiveType(),
   panel: PropTypes.string || PropTypes.func
 };
 var TabNav = defineComponent({