bkui-vue 0.0.1-beta.48 → 0.0.1-beta.49

package/dist/index.esm.js

@@ -8536,16 +8536,17 @@ var Component$r = defineComponent({
   }
 });
 const BkLoading = withInstallProps(Component$r, { setDefaultIndicator, BkLoadingMode, BkLoadingSize }, true);
+const btnSizes = ["", "small", "large"];
 const buttonProps = {
   theme: PropTypes.theme().def(""),
   hoverTheme: PropTypes.theme(["primary", "warning", "success", "danger"]).def(""),
-  size: PropTypes.size(),
+  size: PropTypes.size(btnSizes).def(""),
   title: PropTypes.string,
   icon: PropTypes.string,
   iconRight: PropTypes.string,
   disabled: PropTypes.bool,
   loading: PropTypes.bool,
-  laodingMode: PropTypes.commonType(Object.values(BkLoadingMode)),
+  loadingMode: PropTypes.commonType(Object.values(BkLoadingMode)),
   outline: PropTypes.bool,
   text: PropTypes.bool,
   nativeType: {
@@ -8565,6 +8566,7 @@ var Component$q = defineComponent({
     const isHover = ref(false);
     const showSlot = (_a = slots.default) != null ? _a : false;
     const btnClsPrefix = "bk-button";
+    const isText = computed(() => props.text && !props.hoverTheme);
     const btnCls = computed(() => {
       const hoverTheme = props.hoverTheme ? `${btnClsPrefix}-hover-${props.hoverTheme}` : "";
       const btnThemeCls = props.theme ? `${btnClsPrefix}-${props.theme}` : "";
@@ -8572,11 +8574,12 @@ var Component$q = defineComponent({
       return classes({
         "is-disabled": props.disabled,
         "is-outline": props.outline,
-        "is-text": props.text && !props.hoverTheme,
-        [`${btnClsPrefix}-${props.size}`]: props.size !== "",
+        "is-text": isText.value,
+        [`${btnClsPrefix}-${props.size}`]: props.size && btnSizes.includes(props.size),
         "no-slot": !showSlot
       }, `${themeCls} ${btnClsPrefix} ${hoverTheme}`);
     });
+    console.log(btnCls.value, props);
     const loadingTheme = computed(() => {
       if (props.text || props.outline || props.hoverTheme) {
         if (isHover.value && !props.text)
@@ -8585,7 +8588,7 @@ var Component$q = defineComponent({
       }
       return ["", "default"].includes(props.theme) ? "" : "white";
     });
-    const loadingSize = computed(() => props.size === BkLoadingSize.Small ? BkLoadingSize.Mini : BkLoadingSize.Small);
+    const loadingSize = computed(() => isText.value || props.size === BkLoadingSize.Small ? BkLoadingSize.Mini : BkLoadingSize.Small);
     const handleClick = () => {
       if (props.loading)
         return;
@@ -8609,13 +8612,13 @@ var Component$q = defineComponent({
         "onClick": handleClick,
         "onMouseover": handleMouseOver,
         "onMouseleave": handleMouseout
-      }), [props.loading ? createVNode(BkLoading, {
+      }), [props.loading && createVNode(BkLoading, {
         "loading": true,
         "class": `${btnClsPrefix}-loading`,
-        "mode": props.laodingMode,
+        "mode": props.loadingMode,
         "theme": loadingTheme.value,
         "size": loadingSize.value
-      }, null) : slots.default && createVNode("span", {
+      }, null), slots.default && createVNode("span", {
         "class": `${btnClsPrefix}-text`
       }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])]);
     };
@@ -8714,6 +8717,8 @@ const useCheckbox = () => {
   if (isGroup) {
     watch(() => checkboxGroup.props.modelValue, (modelValue) => {
       isChecked.value = modelValue.includes(props.label);
+    }, {
+      deep: true
     });
   } else {
     watch(() => props.modelValue, (modelValue) => {
@@ -20640,7 +20645,7 @@ var Dropdown = defineComponent({
     disabled: PropTypes.bool.def(false),
     extCls: PropTypes.string
   },
-  emits: ["showChange"],
+  emits: ["showChange", "show", "hide"],
   setup(props, {
     emit
   }) {
@@ -20661,12 +20666,20 @@ var Dropdown = defineComponent({
       });
     });
     watch(() => props.disabled, (val) => handleUpdateDisabled(val));
+    const afterShow = () => {
+      emit("show");
+    };
+    const afterHidden = () => {
+      emit("hide");
+    };
     const registerDropdown = () => {
       if (props.disabled)
         return;
       popoverInstance = new BKPopover(reference2.value, refContent.value, {
         placement: props.placement,
-        trigger: props.trigger
+        trigger: props.trigger,
+        afterShow,
+        afterHidden
       });
       props.trigger === "manual" && props.isShow && popoverInstance.show();
     };