bkui-vue 0.0.1-beta.35 → 0.0.1-beta.38

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)])]);
@@ -20259,7 +20272,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   Form: BkForm,
   FormItem,
   Pagination: BkPagination,
-  BkDropdown,
+  Dropdown: BkDropdown,
   DropdownMenu,
   DropdownItem
 }, Symbol.toStringTag, { value: "Module" }));
@@ -20279,4 +20292,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkDropdown, BkOption, OptionGroup as BkOptionGroup, BkBreadcrumb as Breadcrumb, BreadcrumbItem, BkButton as Button, ButtonGroup, BkCard as Card, BkCheckbox as Checkbox, CheckboxGroup, BkCollaspe as Collapse, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, DropdownItem, DropdownMenu, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, FormItem, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, RadioButton, RadioGroup, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, TabPanel, BkTable as Table, BkTag as Tag, TagInput, Transfer, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, preset as default, mousewheel };
+export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkOption, OptionGroup as BkOptionGroup, BkBreadcrumb as Breadcrumb, BreadcrumbItem, BkButton as Button, ButtonGroup, BkCard as Card, BkCheckbox as Checkbox, CheckboxGroup, BkCollaspe as Collapse, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, DropdownItem, DropdownMenu, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, FormItem, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, RadioButton, RadioGroup, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, TabPanel, BkTable as Table, BkTag as Tag, TagInput, Transfer, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, preset as default, mousewheel };