bkui-vue 0.0.1-beta.156 → 0.0.1-beta.157

package/dist/index.esm.js

@@ -7320,6 +7320,7 @@ var lodash = { exports: {} };
     }
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
+var _$1 = lodash.exports;
 const lowerStr = "abcdefghijklmnopqrstuvwxyz0123456789";
 const random = (n2, str = lowerStr) => {
   let result = "";
@@ -10438,20 +10439,12 @@ var Component$t = defineComponent({
   props: {
     type: PropTypes.commonType(["404", "403", "500", "building", "empty", "search-empty", "login"], "type").def("404"),
     scene: PropTypes.commonType(["page", "part"], "scene").def("page"),
-    extCls: PropTypes.string
+    title: PropTypes.string,
+    description: PropTypes.string
   },
   setup(props2, {
     slots
   }) {
-    const tipText = {
-      403: "\u65E0\u4E1A\u52A1\u6743\u9650",
-      404: "\u9875\u9762\u4E0D\u5B58\u5728",
-      500: "\u670D\u52A1\u7EF4\u62A4\u4E2D",
-      building: "\u529F\u80FD\u5EFA\u8BBE\u4E2D",
-      empty: "\u6CA1\u6709\u6570\u636E",
-      "search-empty": "\u641C\u7D22\u4E3A\u7A7A",
-      login: "\u8BF7\u767B\u5165\u84DD\u9CB8"
-    };
     const images = {
       403: permissions,
       404: notFound,
@@ -10461,19 +10454,58 @@ var Component$t = defineComponent({
       "search-empty": searchEmpty,
       login
     };
-    return () => {
-      var _a, _b;
+    const renderImg = () => {
+      const imgSrc = images[props2.type] ? images[props2.type] : empty;
       return createVNode("div", {
-        "class": ["bk-exception-wrapper", props2.extCls]
-      }, [createVNode("div", {
-        "class": ["bk-exception-img", `${props2.scene}-img`]
+        "class": "bk-exception-img"
       }, [createVNode("img", {
         "class": "exception-image",
-        "src": images[props2.type],
+        "src": imgSrc,
         "alt": "type"
-      }, null)]), createVNode("div", {
-        "class": ["bk-exception-text", `${props2.scene}-text`]
-      }, [(_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : tipText[props2.type]])]);
+      }, null)]);
+    };
+    const renderTitle = () => {
+      if (_$1.isFunction(slots.title)) {
+        return createVNode("div", {
+          "class": "bk-exception-title"
+        }, [slots.title()]);
+      }
+      if (props2.title) {
+        return createVNode("div", {
+          "class": "bk-exception-title"
+        }, [props2.title]);
+      }
+      return null;
+    };
+    const renderDescription = () => {
+      if (_$1.isFunction(slots.description)) {
+        return createVNode("div", {
+          "class": "bk-exception-description"
+        }, [slots.description()]);
+      }
+      if (props2.description) {
+        return createVNode("div", {
+          "class": "bk-exception-description"
+        }, [props2.description]);
+      }
+      return null;
+    };
+    const renderFooter = () => {
+      if (_$1.isFunction(slots.default)) {
+        return createVNode("div", {
+          "class": "bk-exception-footer"
+        }, [slots.default()]);
+      }
+      return null;
+    };
+    return () => {
+      const rootClass = classes({
+        "bk-exception": true,
+        [`bk-exception-${props2.scene}`]: true
+      });
+      return createVNode("div", {
+        "class": rootClass
+      }, [renderImg(), renderTitle(), renderDescription(), renderFooter()]);
     };
   }
 });
@@ -15494,7 +15526,7 @@ var EMITEVENTS = /* @__PURE__ */ ((EMITEVENTS2) => {
   EMITEVENTS2["COLUMN_SORT"] = "columnSort";
   EMITEVENTS2["COLUMN_FILTER"] = "columnFilter";
   EMITEVENTS2["ROW_CLICK"] = "rowClick";
-  EMITEVENTS2["ROW_DBL_CLICK"] = "rowDblClick";
+  EMITEVENTS2["ROW_DBL_CLICK"] = "rowDblclick";
   EMITEVENTS2["ROW_EXPAND_CLICK"] = "rowExpand";
   EMITEVENTS2["PAGE_LIMIT_CHANGE"] = "pageLimitChange";
   EMITEVENTS2["PAGE_VALUE_CHANGE"] = "pageValueChange";
@@ -15508,7 +15540,7 @@ const EMIT_EVENT_TYPES = {
   ["columnFilter"]: EMPTY$1,
   ["columnSort"]: EMPTY$1,
   ["rowClick"]: EMPTY$1,
-  ["rowDblClick"]: EMPTY$1,
+  ["rowDblclick"]: EMPTY$1,
   ["rowExpand"]: EMPTY$1,
   ["pageLimitChange"]: EMPTY$1,
   ["pageValueChange"]: EMPTY$1,
@@ -16177,19 +16209,13 @@ var BodyEmpty = defineComponent({
     emptyText: PropTypes.string.def("\u6682\u65E0\u6570\u636E")
   },
   emits: ["change"],
-  setup(props2, {
-    slots
-  }) {
+  setup(props2) {
     const type = computed(() => props2.list.length === 0 ? "empty" : "search-empty");
     return () => createVNode(BkException, {
       "scene": "part",
-      "type": type.value
-    }, {
-      default: () => {
-        var _a, _b;
-        return [(_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : props2.emptyText];
-      }
-    });
+      "type": type.value,
+      "description": props2.emptyText
+    }, null);
   }
 });
 const resolvePropVal = (prop, key2, args) => {
@@ -16940,14 +16966,14 @@ class TableRender {
     Object.assign(this.props.pagination, {
       limit
     });
-    this.context.emit("pageLimitChange", limit);
+    this.context.emit(EMITEVENTS.PAGE_LIMIT_CHANGE, limit);
   }
   hanlePageChange(current) {
     Object.assign(this.props.pagination, {
       current,
       value: current
     });
-    this.context.emit("pageValueChange", current);
+    this.context.emit(EMITEVENTS.PAGE_VALUE_CHANGE, current);
   }
   setColumnActive(index, single = false) {
     const col = this.propActiveCols.find((item) => item.index === index);
@@ -16965,7 +16991,7 @@ class TableRender {
   handleColumnHeadClick(index) {
     if (this.props.columnPick !== "disabled") {
       this.setColumnActive(index, this.props.columnPick === "single");
-      this.context.emit("column-pick", this.propActiveCols);
+      this.context.emit(EMITEVENTS.COLUMN_PICK, this.propActiveCols);
     }
   }
   getSortCell(column, index) {
@@ -17120,10 +17146,10 @@ class TableRender {
     }
   }
   handleRowClick(e, row, index, rows) {
-    this.context.emit("rowClick", e, row, index, rows, this);
+    this.context.emit(EMITEVENTS.ROW_CLICK, e, row, index, rows, this);
   }
   handleRowDblClick(e, row, index, rows) {
-    this.context.emit("rowDblClick", e, row, index, rows, this);
+    this.context.emit(EMITEVENTS.ROW_DBL_CLICK, e, row, index, rows, this);
   }
   getExpandCell(row) {
     const isExpand = !!row[TABLE_ROW_ATTRIBUTE.ROW_EXPAND];
@@ -17830,11 +17856,9 @@ function useFlatList(props2) {
     displayKey,
     list
   } = toRefs(props2);
-  const state = reactive({
-    flatList: []
-  });
+  const flatList = reactive([]);
   watch([useGroup, saveKey, displayKey, list], () => {
-    state.flatList = [];
+    flatList.splice(0, flatList.length);
     let formatList = list.value;
     if (useGroup.value) {
       formatList = list.value.reduce((formatList2, item) => {
@@ -17850,9 +17874,17 @@ function useFlatList(props2) {
         return formatList2.concat(children);
       }, []);
     }
-    state.flatList = [...formatList];
+    appendToTargetList(formatList);
   }, { immediate: true, deep: true });
-  return state.flatList;
+  function appendToTargetList(targetList) {
+    const QUANTUM = 3e4;
+    const len = targetList.length;
+    for (let i2 = 0; i2 < len; i2 += QUANTUM) {
+      const appendList = targetList.slice(i2, Math.min(i2 + QUANTUM, len));
+      flatList.push(...appendList);
+    }
+  }
+  return flatList;
 }
 const getCharLength = (str) => {
   const len = str.length;
@@ -18019,7 +18051,9 @@ var Component$c = defineComponent({
     }));
     watch([() => [...props2.modelValue], () => [...props2.list]], () => {
       var _a;
-      initData();
+      nextTick(() => {
+        initData();
+      });
       if (props2.withValidate) {
         (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
       }
@@ -26108,9 +26142,10 @@ const BkDropdown = withInstallProps(Dropdown, { DropdownMenu, DropdownItem });
 var CascaderPanel = defineComponent({
   name: "CascaderPanel",
   props: {
-    store: PropTypes.object.def({})
+    store: PropTypes.object.def({}),
+    modelValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number).def([]), PropTypes.arrayOf(PropTypes.string).def([])])
   },
-  emits: ["input"],
+  emits: ["update:modelValue"],
   setup(props2, {
     emit
   }) {
@@ -26122,24 +26157,25 @@ var CascaderPanel = defineComponent({
     });
     const activePath = ref([]);
     const checkValue = ref([]);
-    const nodeCheckHandler = (node) => {
-      if (node.config.multiple) {
-        checkValue.value = store.getCheckedNodes().map((node2) => node2.path);
-      } else {
-        checkValue.value = node.path;
+    const updateCheckValue = (value) => {
+      if (value.length === 0) {
+        menus.list = menus.list.slice(0, 1);
+        activePath.value = [];
       }
-      emit("input", checkValue.value);
-    };
-    const nodeClear = () => {
-      emit("input", []);
-    };
-    const syncCheckedValue = (value) => {
       value.forEach((id) => {
         const node = store.getNodeById(id);
         nodeExpandHandler(node);
       });
       checkValue.value = value;
     };
+    const nodeCheckHandler = (node) => {
+      if (node.config.multiple) {
+        checkValue.value = store.getCheckedNodes().map((node2) => node2.path);
+      } else {
+        checkValue.value = node.path;
+      }
+      emit("update:modelValue", checkValue.value);
+    };
     const nodeExpandHandler = (node) => {
       var _a;
       if (node.isDisabled)
@@ -26204,6 +26240,11 @@ var CascaderPanel = defineComponent({
     }, null) : createVNode(angleRight, {
       "class": "icon-angle-right"
     }, null);
+    watch(() => props2.modelValue, (value) => {
+      updateCheckValue(value);
+    }, {
+      immediate: true
+    });
     return {
       menus,
       activePath,
@@ -26212,10 +26253,8 @@ var CascaderPanel = defineComponent({
       nodeEvent,
       isCheckedNode,
       checkValue,
-      nodeClear,
       checkNode,
-      iconRender,
-      syncCheckedValue
+      iconRender
     };
   },
   render() {
@@ -26375,13 +26414,18 @@ var Component$6 = defineComponent({
     const panelShow = ref(false);
     const selectedText = ref("");
     const selectedTags = ref([]);
-    const checkedValue = ref(props2.modelValue);
+    const {
+      modelValue
+    } = toRefs(props2);
     const cascaderPanel = ref();
-    watch(() => props2.modelValue, (value) => {
-      updateValue(value);
+    const checkedValue = computed({
+      get: () => modelValue.value,
+      set: (value) => {
+        emit("update:modelValue", value);
+      }
     });
+    const popover3 = ref(null);
     const updateValue = (val) => {
-      cascaderPanel.value.syncCheckedValue(val);
       if (multiple) {
         selectedTags.value = store.getCheckedNodes().map((node) => ({
           text: node.pathNames.join(separator2),
@@ -26396,17 +26440,13 @@ var Component$6 = defineComponent({
         selectedText.value = node.pathNames.join(separator2);
       }
     };
-    const inputChangeHandler = (val) => {
-      updateValue(val);
-      emit("update:modelValue", val);
-      emit("change", val);
-    };
     const hidePopover = () => {
       panelShow.value = false;
     };
     const handleClear = (e) => {
       e.stopPropagation();
       updateValue([]);
+      emit("update:modelValue", []);
       emit("clear", JSON.parse(JSON.stringify(props2.modelValue)));
     };
     const inputClickHandler = (e) => {
@@ -26420,6 +26460,15 @@ var Component$6 = defineComponent({
       current.splice(index, 1);
       updateValue(current);
     };
+    watch(() => props2.modelValue, (value) => {
+      var _a;
+      updateValue(value);
+      (_a = popover3 == null ? void 0 : popover3.value) == null ? void 0 : _a.handlePopShow(false);
+      emit("update:modelValue", value);
+      emit("change", value);
+    }, {
+      immediate: true
+    });
     return {
       store,
       updateValue,
@@ -26431,10 +26480,10 @@ var Component$6 = defineComponent({
       handleClear,
       isHover,
       setHover,
+      popover: popover3,
       cancelHover,
       selectedTags,
       removeTag,
-      inputChangeHandler,
       cascaderPanel
     };
   },
@@ -26468,7 +26517,8 @@ var Component$6 = defineComponent({
     return createVNode("div", {
       "class": ["bk-cascader", "bk-cascader-wrapper", this.extCls, {
         "bk-is-show-panel": this.panelShow,
-        "is-unselected": this.modelValue.length === 0
+        "is-unselected": this.modelValue.length === 0,
+        "is-hover": this.isHover
       }],
       "tabindex": "0",
       "data-placeholder": this.placeholder,
@@ -26482,6 +26532,7 @@ var Component$6 = defineComponent({
       "class": "bk-cascader-popover-wrapper",
       "isShow": this.panelShow,
       "onUpdate:isShow": ($event) => this.panelShow = $event,
+      "ref": "popover",
       "boundary": "body"
     }, {
       default: () => createVNode("div", {
@@ -26497,7 +26548,8 @@ var Component$6 = defineComponent({
       }, [createVNode(CascaderPanel, {
         "store": this.store,
         "ref": "cascaderPanel",
-        "onInput": (val) => this.inputChangeHandler(val)
+        "modelValue": this.checkedValue,
+        "onUpdate:modelValue": ($event) => this.checkedValue = $event
       }, null)])
     })]);
   }