bkui-vue 0.0.1-beta.115 → 0.0.1-beta.118

package/dist/index.esm.js

@@ -9933,6 +9933,7 @@ const propsMixin$1 = {
 };
 var Component$t = defineComponent({
   name: "Modal",
+  inheritAttrs: false,
   props: __spreadValues({}, propsMixin$1),
   emits: ["quick-close", "quickClose", "hidden", "shown", "close"],
   data() {
@@ -10881,11 +10882,11 @@ const tooltips = {
     } else {
       opts.content = binding.value;
     }
-    const { disabled, arrow: arrow2, theme } = opts;
+    const { disabled, arrow: arrow2, theme, extCls } = opts;
     if (disabled) {
       return;
     }
-    const popper2 = renderContent(opts.content, arrow2, theme === "light");
+    const popper2 = renderContent(opts.content, arrow2, theme === "light", extCls);
     createPopperInstance(el, popper2, opts);
   }
 };
@@ -10899,6 +10900,7 @@ function initOptions() {
     showOnInit: false,
     placement: "top",
     distance: 8,
+    extCls: "",
     onShow: () => {
     },
     onHide: () => {
@@ -10906,10 +10908,10 @@ function initOptions() {
   };
   return defaultOpts;
 }
-function renderContent(value, hasArrow, isLight) {
+function renderContent(value, hasArrow, isLight, extCls) {
   const zIndex = bkZIndexManager.getPopperIndex();
   const content = document.createElement("div");
-  content.className = `bk-popper ${isLight ? "light" : "dark"}`;
+  content.className = `bk-popper ${isLight ? "light" : "dark"} ${extCls}`;
   content.innerText = value;
   content.style.zIndex = String(zIndex);
   if (hasArrow) {
@@ -17380,8 +17382,11 @@ function useFlatList(props) {
     displayKey,
     list
   } = toRefs(props);
-  const flatList = reactive([]);
+  const state = reactive({
+    flatList: []
+  });
   watch([useGroup, saveKey, displayKey, list], () => {
+    state.flatList = [];
     let formatList = list.value;
     if (useGroup.value) {
       formatList = list.value.reduce((formatList2, item) => {
@@ -17397,9 +17402,9 @@ function useFlatList(props) {
         return formatList2.concat(children);
       }, []);
     }
-    flatList.splice(0, flatList.length, ...formatList);
+    state.flatList = [...formatList];
   }, { immediate: true, deep: true });
-  return flatList;
+  return state.flatList;
 }
 const getCharLength = (str) => {
   const len = str.length;
@@ -17832,7 +17837,7 @@ var Component$a = defineComponent({
         popoverProps.isShow = false;
         emit("blur", inputValue, tagList.value);
         (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur");
-      }, 50);
+      }, 200);
     };
     const handleTagSelected = (item, type, e) => {
       e == null ? void 0 : e.stopPropagation();
@@ -25126,6 +25131,12 @@ var FormItem = defineComponent({
     });
     const form2 = useForm();
     const isForm = Boolean(form2);
+    const isFormTypeVertical = computed(() => {
+      if (!isForm) {
+        return false;
+      }
+      return form2.props.formType === "vertical";
+    });
     const labelStyles = computed(() => {
       const styles = {
         width: "",
@@ -25210,12 +25221,13 @@ var FormItem = defineComponent({
     });
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       labelStyles,
+      isFormTypeVertical,
       validate,
       clearValidate
     });
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const itemClassees = classes({
       "bk-form-item": true,
       "is-error": this.isError,
@@ -25252,9 +25264,9 @@ var FormItem = defineComponent({
     }, [createVNode("div", {
       "class": "bk-form-label",
       "style": this.labelStyles
-    }, [renderLabel()]), createVNode("div", {
+    }, [renderLabel(), this.isFormTypeVertical && ((_b = (_a = this.$slots).labelAppend) == null ? void 0 : _b.call(_a))]), createVNode("div", {
       "class": "bk-form-content"
-    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), renderError()])]);
+    }, [(_d = (_c = this.$slots).default) == null ? void 0 : _d.call(_c), renderError()])]);
   }
 });
 const BkForm = withInstallProps(Form, { FormItem, ComposeFormItem });