bkui-vue 0.0.1-beta.36 → 0.0.1-beta.39

package/dist/{bkui-vue.esm.js → index.esm.js}

@@ -9260,8 +9260,9 @@ const inputType = {
   showControl: PropTypes.bool.def(true),
   showClearOnlyHover: PropTypes.bool.def(false),
   precision: PropTypes.number.def(0).validate((val) => val >= 0 && val < 20),
-  modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  size: PropTypes.size()
+  modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def(""),
+  size: PropTypes.size(),
+  rows: PropTypes.number
 };
 const inputEvents = ["update:modelValue", "focus", "blur", "change", "clear", "input", "keypress", "keydown", "keyup", "enter", "paste"];
 const EventEnum = stringEnum([...inputEvents]);
@@ -9273,7 +9274,8 @@ var Component$i = defineComponent({
   setup(props, ctx) {
     const isFocused = ref(false);
     const isCNInput = ref(false);
-    const inputClsPrefix = "bk-input";
+    const isTextArea = computed(() => props.type === "textarea");
+    const inputClsPrefix = computed(() => isTextArea.value ? "bk-textarea" : "bk-input");
     const _a = ctx.attrs, {
       class: cls,
       style
@@ -9282,13 +9284,13 @@ var Component$i = defineComponent({
       "style"
     ]);
     const inputCls = computed(() => classes({
-      [`${inputClsPrefix}--${props.size}`]: !!props.size,
+      [`${inputClsPrefix.value}--${props.size}`]: !!props.size,
       "is-focused": isFocused.value,
       "is-readonly": props.readonly,
       "is-disabled": props.disabled,
       "is-simplicity": props.behavior === "simplicity",
       [`${cls}`]: !!cls
-    }, inputClsPrefix));
+    }, inputClsPrefix.value));
     const suffixIconMap = {
       search: () => createVNode(search, null, null),
       password: () => createVNode(eye, {
@@ -9374,11 +9376,28 @@ var Component$i = defineComponent({
       ctx.emit(EventEnum["update:modelValue"], newVal);
     }
     function getCls(name) {
-      return `${inputClsPrefix}--${name}`;
+      return `${inputClsPrefix.value}--${name}`;
     }
     function handleVisibleChange() {
       pwdVisible.value = !pwdVisible.value;
     }
+    const bindProps = computed(() => ({
+      value: props.modelValue,
+      maxlength: props.maxlength,
+      placeholder: props.placeholder,
+      readonly: props.readonly,
+      disabled: props.disabled,
+      onInput: handleInput,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onPaste: handlePaste,
+      onChange: handleChange,
+      onKeypress: handleKeyPress,
+      onKeydown: handleKeydown,
+      onKeyup: handleKeyup,
+      onCompositionstart: handleCompositionStart,
+      onCompositionend: handleCompositionEnd
+    }));
     return () => {
       var _a2, _b, _c, _d, _e, _f;
       return createVNode("div", {
@@ -9388,31 +9407,18 @@ var Component$i = defineComponent({
         "class": getCls("prefix-area")
       }, [createVNode("span", {
         "class": getCls("prefix-area--text")
-      }, [props.prefix])]), createVNode("input", mergeProps(inputAttrs, {
-        "class": `${inputClsPrefix}--text`,
-        "value": props.modelValue,
+      }, [props.prefix])]), isTextArea.value ? createVNode("textarea", mergeProps(inputAttrs, bindProps.value, {
+        "rows": props.rows
+      }), null) : createVNode("input", mergeProps(inputAttrs, {
+        "class": `${inputClsPrefix.value}--text`,
         "type": pwdVisible.value && props.type === "password" ? "text" : props.type,
-        "maxlength": props.maxlength,
         "step": props.step,
         "max": props.max,
-        "min": props.min,
-        "placeholder": props.placeholder,
-        "readonly": props.readonly,
-        "disabled": props.disabled,
-        "onInput": handleInput,
-        "onFocus": handleFocus,
-        "onBlur": handleBlur,
-        "onPaste": handlePaste,
-        "onChange": handleChange,
-        "onKeypress": handleKeyPress,
-        "onKeydown": handleKeydown,
-        "onKeyup": handleKeyup,
-        "onCompositionstart": handleCompositionStart,
-        "onCompositionend": handleCompositionEnd
-      }), null), props.clearable && !!props.modelValue && createVNode(close$1, {
+        "min": props.min
+      }, bindProps.value), null), !isTextArea.value && props.clearable && !!props.modelValue && createVNode(close$1, {
         "onClick": clear,
         "class": clearCls.value
-      }, null), suffixIcon.value, typeof props.maxlength === "number" && props.showWordLimit && createVNode("p", {
+      }, null), suffixIcon.value, typeof props.maxlength === "number" && (props.showWordLimit || isTextArea.value) && createVNode("p", {
         "class": getCls("max-length")
       }, [props.modelValue.toString().length, createTextVNode("/"), createVNode("span", null, [ceilMaxLength.value])]), isNumberInput.value && props.showControl && createVNode("div", {
         "class": getCls("number-control")
@@ -12487,7 +12493,7 @@ const resolveColumnWidth = (root, colgroups, autoWidth = 20) => {
   const {
     width
   } = root.getBoundingClientRect() || {};
-  let avgWidth = width;
+  let avgWidth = width - 4;
   const avgColIndexList = [];
   const resolveColNumberWidth = (col, numWidth, resetAvgWidth = true) => {
     Object.assign(col, {
@@ -12571,11 +12577,13 @@ const resolvePaginationOption = (propPagination, defVal) => {
 };
 class TableRender {
   constructor(props, ctx, reactiveProp, colgroups) {
+    __publicField(this, "getColumnClass", (colIndex) => `${this.uuid}-column-${colIndex}`);
     this.props = props;
     this.context = ctx;
     this.reactiveProp = reactiveProp;
     this.colgroups = colgroups;
     this.plugins = new TablePlugins(props, ctx);
+    this.uuid = random(8);
   }
   get propActiveCols() {
     return this.reactiveProp.activeColumns;
@@ -12657,12 +12665,13 @@ class TableRender {
         "style": rowStyle,
         "onClick": (e) => this.handleRowClick(e, row, index, rows),
         "onDblclick": (e) => this.handleRowDblClick(e, row, index, rows)
-      }, [this.props.columns.map((column) => createVNode("td", {
+      }, [this.props.columns.map((column, index2) => createVNode("td", {
+        "class": this.getColumnClass(index2),
         "colspan": 1,
         "rowspan": 1
       }, [createVNode("div", {
         "class": "cell"
-      }, [this.renderCell(row, column, index, rows)])]))]);
+      }, [this.renderCell(row, column, index2, rows)])]))]);
     })]);
   }
   handleRowClick(e, row, index, rows) {
@@ -12686,12 +12695,10 @@ class TableRender {
       const colCls = classes({
         active: this.isColActive(index)
       });
-      const colStyle = {
-        width: resolveWidth(column.calcWidth)
-      };
+      const width = `${resolveWidth(column.calcWidth)}`.replace(/px$/i, "");
       return createVNode("col", {
         "class": colCls,
-        "style": colStyle
+        "width": width
       }, null);
     })]);
   }
@@ -19661,7 +19668,10 @@ var Component = defineComponent({
           callback = null,
           cache = true
         } = props.async || {};
-        if (typeof callback === "function" && !item.cached) {
+        if (typeof callback === "function") {
+          if (item.cached) {
+            return;
+          }
           Object.assign(item, {
             loading: true
           });
@@ -19680,7 +19690,10 @@ var Component = defineComponent({
         setNodeOpened(item);
       }
     };
-    const handleNodeActionClick = (node) => {
+    const handleNodeActionClick = (e, node) => {
+      e.stopImmediatePropagation();
+      e.stopPropagation();
+      e.preventDefault();
       hanldeTreeNodeClick(node);
     };
     const handleNodeContentClick = (item) => {
@@ -19769,13 +19782,13 @@ var Component = defineComponent({
       "class": getNodeRowClass(item, this.flatData.schema)
     }, [createVNode("div", {
       "class": getNodeItemClass(item, this.flatData.schema, props),
-      "style": getNodeItemStyle(item, props, this.flatData)
+      "style": getNodeItemStyle(item, props, this.flatData),
+      "onClick": () => this.handleNodeContentClick(item)
     }, [createVNode("span", {
       "class": resolveClassName("node-action"),
-      "onClick": () => this.handleNodeActionClick(item)
+      "onClick": (e) => this.handleNodeActionClick(e, item)
     }, [this.getActionIcon(item)]), createVNode("span", {
-      "class": resolveClassName("node-content"),
-      "onClick": () => this.handleNodeContentClick(item)
+      "class": resolveClassName("node-content")
     }, [[this.getNodePrefixIcon(item), this.getLoadingIcon(item)], createVNode("span", {
       "class": resolveClassName("node-text")
     }, [getLabel(item, props)])]), this.getVirtualLines(item)])]);