bkui-vue 0.0.1-beta.154 → 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 = "";
@@ -9205,7 +9206,8 @@ const inputType = {
   modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   size: PropTypes.size(),
   rows: PropTypes.number,
-  selectReadonly: PropTypes.bool.def(false)
+  selectReadonly: PropTypes.bool.def(false),
+  withValidate: PropTypes.bool.def(true)
 };
 let EVENTS$2;
 (function(EVENTS2) {
@@ -9305,6 +9307,12 @@ var Component$x = defineComponent({
     const decControlCls = computed(() => classes({
       "is-disabled": props2.disabled || props2.modelValue <= props2.min
     }));
+    watch(() => props2.modelValue, () => {
+      var _a2;
+      if (props2.withValidate) {
+        (_a2 = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a2.call(formItem, "change");
+      }
+    });
     ctx.expose({
       focus() {
         inputRef.value.focus();
@@ -9312,14 +9320,12 @@ var Component$x = defineComponent({
       clear
     });
     function clear() {
-      var _a2;
       if (props2.disabled)
         return;
       const resetVal = isNumberInput.value ? props2.min : "";
       ctx.emit(EVENTS$2.UPDATE, resetVal);
       ctx.emit(EVENTS$2.CHANGE, resetVal);
       ctx.emit(EVENTS$2.CLEAR);
-      (_a2 = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a2.call(formItem, "change");
     }
     function handleFocus(e) {
       isFocused.value = true;
@@ -9338,7 +9344,6 @@ var Component$x = defineComponent({
     }
     function eventHandler(eventName) {
       return (e) => {
-        var _a2;
         e.stopPropagation();
         if (eventName === EVENTS$2.KEYDOWN && (e.code === "Enter" || e.key === "Enter" || e.keyCode === 13)) {
           ctx.emit(EVENTS$2.ENTER, e.target.value, e);
@@ -9349,9 +9354,6 @@ var Component$x = defineComponent({
           ctx.emit(EVENTS$2.UPDATE, isNumberInput.value ? +e.target.value : e.target.value);
         }
         ctx.emit(eventName, e.target.value, e);
-        if (eventName === EVENTS$2.INPUT) {
-          (_a2 = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a2.call(formItem, "change");
-        }
       };
     }
     const [handleKeyup, handleKeydown, handleKeyPress, handlePaste, handleChange, handleInput] = [EVENTS$2.KEYUP, EVENTS$2.KEYDOWN, EVENTS$2.KEYPRESS, EVENTS$2.PASTE, EVENTS$2.CHANGE, EVENTS$2.INPUT].map(eventHandler);
@@ -9580,7 +9582,6 @@ const useCheckbox = () => {
     props: props2,
     emit
   } = currentInstance;
-  const formItem = useFormItem();
   const checkboxGroup = inject(checkboxGroupKey, EMPTY_OBJ);
   const isGroup = !isEmptyObj(checkboxGroup);
   const isChecked = ref(props2.checked);
@@ -9610,7 +9611,6 @@ const useCheckbox = () => {
     isChecked.value = value;
   };
   const handleChange = (event) => {
-    var _a;
     if (isDisabled.value) {
       return;
     }
@@ -9622,7 +9622,6 @@ const useCheckbox = () => {
     if (isGroup) {
       checkboxGroup.handleChange();
     }
-    (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
     nextTick(() => {
       if ($targetInput.checked !== isChecked.value) {
         $targetInput.checked = isChecked.value;
@@ -9710,13 +9709,15 @@ var Component$v = defineComponent({
 const checkboxGroupProps = {
   name: PropTypes.string.def(""),
   modelValue: PropTypes.array,
-  disabled: PropTypes.bool
+  disabled: PropTypes.bool,
+  withValidate: PropTypes.bool.def(true)
 };
 var BkCheckboxGroup = defineComponent({
   name: "CheckboxGroup",
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props2, context) {
+    const formItem = useFormItem();
     const checkboxInstanceList = [];
     const register = (checkboxContext) => {
       checkboxInstanceList.push(checkboxContext);
@@ -9744,6 +9745,12 @@ var BkCheckboxGroup = defineComponent({
       unregister,
       handleChange
     });
+    watch(() => props2.modelValue, () => {
+      var _a;
+      if (props2.withValidate) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+      }
+    });
     onMounted(() => {
       const modelValue = props2.modelValue || [];
       checkboxInstanceList.forEach((checkboxInstance) => {
@@ -10432,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,
@@ -10455,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()]);
     };
   }
 });
@@ -13303,7 +13341,6 @@ const useRadio = () => {
     props: props2,
     emit
   } = currentInstance;
-  const formItem = useFormItem();
   const radioGroup = inject(radioGroupKey, EMPTY_OBJ);
   const isGroup = !isEmptyObj(radioGroup);
   const isChecked = ref(false);
@@ -13333,7 +13370,6 @@ const useRadio = () => {
     isChecked.value = value;
   };
   const handleChange = (event) => {
-    var _a;
     if (isDisabled.value) {
       return;
     }
@@ -13345,7 +13381,6 @@ const useRadio = () => {
     if (isGroup) {
       radioGroup.handleChange(currentInstance.proxy);
     }
-    (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
     nextTick(() => {
       if ($targetInput.checked !== isChecked.value) {
         $targetInput.checked = isChecked.value;
@@ -13487,13 +13522,15 @@ var RadioButton = defineComponent({
 const radioGroupProps = {
   name: PropTypes.string.def(""),
   modelValue: PropTypes.oneOfType([String, Number, Boolean]),
-  disabled: PropTypes.bool
+  disabled: PropTypes.bool,
+  withValidate: PropTypes.bool.def(true)
 };
 var RadioGroup = defineComponent({
   name: "RadioGroup",
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props2, context) {
+    const formItem = useFormItem();
     const radioInstanceList = [];
     const register = (radioContext) => {
       radioInstanceList.push(radioContext);
@@ -13520,6 +13557,12 @@ var RadioGroup = defineComponent({
       unregister,
       handleChange
     });
+    watch(() => props2.modelValue, () => {
+      var _a;
+      if (props2.withValidate) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+      }
+    });
     onMounted(() => {
       if (props2.modelValue === "") {
         return;
@@ -13607,7 +13650,8 @@ var Component$m = defineComponent({
   props: {
     modelValue: PropTypes.number.def(0),
     size: PropTypes.size(),
-    editable: PropTypes.bool.def(true)
+    editable: PropTypes.bool.def(true),
+    withValidate: PropTypes.bool.def(true)
   },
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -13616,12 +13660,10 @@ var Component$m = defineComponent({
     const formItem = useFormItem();
     const hoverRate = ref(0);
     const chooseRate = (val) => {
-      var _a;
       if (!props2.editable)
         return;
       emit("update:modelValue", val);
       emit("change", val);
-      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
     };
     const changeHover = (val) => {
       hoverRate.value = val;
@@ -13655,6 +13697,12 @@ var Component$m = defineComponent({
       width: rateSize.width,
       height: rateSize.height
     };
+    watch(() => props2.modelValue, () => {
+      var _a;
+      if (props2.withValidate) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+      }
+    });
     return () => createVNode("p", {
       "class": rateClass
     }, [props2.editable ? createVNode(star, mergeProps({
@@ -14290,6 +14338,7 @@ var Component$j = defineComponent({
     list: PropTypes.array.def([]),
     idKey: PropTypes.string.def("value"),
     displayKey: PropTypes.string.def("label"),
+    withValidate: PropTypes.bool.def(true),
     showSelectedIcon: PropTypes.bool.def(true)
   },
   emits: ["update:modelValue", "change", "toggle", "clear", "scroll-end", "focus", "blur"],
@@ -14323,7 +14372,11 @@ var Component$j = defineComponent({
     const selected = ref([]);
     const activeOptionValue = ref();
     watch(modelValue, () => {
+      var _a;
       handleSetSelectedData();
+      if (props2.withValidate) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+      }
     }, {
       deep: true
     });
@@ -14418,12 +14471,10 @@ var Component$j = defineComponent({
       searchLoading
     } = useRemoteSearch(isRemoteSearch.value ? remoteMethod.value : defaultSearchMethod, initActiveOptionValue);
     const emitChange = (val) => {
-      var _a;
       if (val === modelValue.value)
         return;
       emit("change", val, modelValue.value);
       emit("update:modelValue", val, modelValue.value);
-      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
     };
     const handleTogglePopover = () => {
       if (isDisabled.value)
@@ -15082,7 +15133,8 @@ var Component$g = defineComponent({
     trueValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).def(true),
     falseValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).def(false),
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).def(false),
-    modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).def(false)
+    modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).def(false),
+    withValidate: PropTypes.bool.def(true)
   },
   emits: ["update:modelValue", "change"],
   setup(props2, {
@@ -15113,7 +15165,11 @@ var Component$g = defineComponent({
       return cls;
     });
     watch(() => props2.modelValue, () => {
+      var _a;
       isModelValue.value = true;
+      if (props2.withValidate) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+      }
     });
     watch(() => props2.value, () => {
       isModelValue.value = false;
@@ -15127,10 +15183,8 @@ var Component$g = defineComponent({
       const lastValue = isChecked.value ? props2.falseValue : props2.trueValue;
       const lastChecked = !isChecked.value;
       const trigger = () => {
-        var _a;
         emit("update:modelValue", lastValue);
         emit("change", lastChecked);
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
       };
       let goodJob = true;
       if (typeof props2.beforeChange === "function") {
@@ -15472,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";
@@ -15486,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,
@@ -16155,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) => {
@@ -16918,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);
@@ -16943,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) {
@@ -17098,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];
@@ -17808,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) => {
@@ -17828,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;
@@ -17917,6 +17971,10 @@ const tagProps = () => ({
   pasteFn: {
     type: Function,
     default: null
+  },
+  withValidate: {
+    type: Boolean,
+    default: true
   }
 });
 var TagRender = defineComponent({
@@ -17992,7 +18050,13 @@ var Component$c = defineComponent({
       disabled: props2.disabled
     }));
     watch([() => [...props2.modelValue], () => [...props2.list]], () => {
-      initData();
+      var _a;
+      nextTick(() => {
+        initData();
+      });
+      if (props2.withValidate) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+      }
     });
     watch(curInputValue, lodash.exports.debounce(() => {
       const hasShowCount = pageState.curPageList.length !== 0;
@@ -18286,11 +18350,9 @@ var Component$c = defineComponent({
       tagInputRef.value.style.width = `${INPUT_MIN_WIDTH}px`;
     };
     const handleChange = (type, data2) => {
-      var _a;
       emit("change", tagList.value);
       emit(type, data2);
       emit("update:modelValue", tagList.value);
-      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
     };
     const handleClear = (e) => {
       e.stopPropagation();
@@ -23453,7 +23515,11 @@ const datePickerProps = {
       return ["simplicity", "normal"].indexOf(v2) > -1;
     }
   },
-  disableDate: Function
+  disableDate: Function,
+  withValidate: {
+    type: Boolean,
+    default: true
+  }
 };
 var Component$9 = defineComponent({
   name: "DatePicker",
@@ -23585,7 +23651,11 @@ var Component$9 = defineComponent({
     });
     const pickerDropdownRef = ref(null);
     watch(() => props2.modelValue, (modelValue) => {
+      var _a;
       state.internalValue = parseDate(modelValue, props2.type, props2.multiple, props2.format);
+      if (props2.withValidate) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+      }
     });
     watch(() => props2.open, (open) => {
       state.visible = open === true;
@@ -23659,17 +23729,15 @@ var Component$9 = defineComponent({
       }
     };
     const handleInputMouseleave = (_e) => {
-      console.log("handleInputMouseleave");
       state.showClose = false;
     };
     const emitChange = (type) => {
       nextTick(() => {
-        var _a, _b;
+        var _a;
         emit("change", publicStringValue.value, type);
         emit("update:modelValue", publicVModelValue.value);
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
         if (props2.type.indexOf("time") < 0) {
-          (_b = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _b.blur();
+          (_a = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _a.blur();
         }
       });
     };
@@ -25580,30 +25648,12 @@ var Form = defineComponent({
   }
 });
 var defaultValidator = {
-  required: (value) => {
-    console.log("required", value, value !== "" && value !== void 0 && value !== null);
-    return value !== "" && value !== void 0 && value !== null;
-  },
-  min: (value, min2) => {
-    console.log("min");
-    return value >= min2;
-  },
-  max: (value, max2) => {
-    console.log("max");
-    return max2 >= value;
-  },
-  email: (value) => {
-    console.log("email");
-    return /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(value);
-  },
-  maxlength: (value, maxlength) => {
-    console.log("maxlength");
-    return value.length <= maxlength;
-  },
-  pattern: (value, pattern) => {
-    console.log("pattern");
-    return pattern.test(value);
-  }
+  required: (value) => value !== "" && value !== void 0 && value !== null,
+  min: (value, min2) => value >= min2,
+  max: (value, max2) => max2 >= value,
+  email: (value) => /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(value),
+  maxlength: (value, maxlength) => value.length <= maxlength,
+  pattern: (value, pattern) => pattern.test(value)
 };
 const formItemProps = {
   label: PropTypes.string,
@@ -26092,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
   }) {
@@ -26106,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)
@@ -26188,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,
@@ -26196,10 +26253,8 @@ var CascaderPanel = defineComponent({
       nodeEvent,
       isCheckedNode,
       checkValue,
-      nodeClear,
       checkNode,
-      iconRender,
-      syncCheckedValue
+      iconRender
     };
   },
   render() {
@@ -26359,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),
@@ -26380,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) => {
@@ -26404,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,
@@ -26415,10 +26480,10 @@ var Component$6 = defineComponent({
       handleClear,
       isHover,
       setHover,
+      popover: popover3,
       cancelHover,
       selectedTags,
       removeTag,
-      inputChangeHandler,
       cascaderPanel
     };
   },
@@ -26452,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,
@@ -26466,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", {
@@ -26481,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)])
     })]);
   }
@@ -27505,18 +27573,14 @@ var Component$2 = defineComponent({
       }, {
         content: "\u6B65\u9AA45"
       }]);
-      console.log("props.list", props2.list);
       if ((_a = props2.list) == null ? void 0 : _a.length) {
         defaultProcessList.value.splice(0, defaultProcessList.value.length, ...props2.list);
       }
     };
     const jumpTo = async (index) => {
-      console.log(index);
       try {
         if (props2.controllable && index !== props2.curProcess) {
-          console.log(props2.curProcess);
           emit("update:curProcess", index);
-          console.log(props2.curProcess);
           emit("click", index);
         }
       } catch (e) {
@@ -28847,7 +28911,7 @@ var useFileHandler = (props2, hooks) => {
   };
 };
 var Component$1 = defineComponent({
-  name: "BkUpload",
+  name: "Upload",
   props: uploadProps,
   emits: ["on-exceed", "on-progress", "on-success", "on-error", "on-delete", "on-done"],
   setup(props2, {
@@ -33386,7 +33450,8 @@ const colorPickerProps = {
   size: PropTypes.size(["", "small", "large"]).def(""),
   showValue: PropTypes.bool.def(true),
   recommend: PropTypes.oneOfType([PropTypes.array.def(() => []), PropTypes.bool.def(true)]).def(true),
-  extCls: PropTypes.string.def("")
+  extCls: PropTypes.string.def(""),
+  withValidate: PropTypes.bool.def(true)
 };
 const whiteColorObj = formatColor("#FFFFFF");
 var Component = defineComponent({
@@ -33399,6 +33464,7 @@ var Component = defineComponent({
   setup(props2, {
     emit
   }) {
+    const formItem = useFormItem();
     const showDropdown = ref(false);
     const colorStr = ref("");
     const colorObj = reactive(JSON.parse(JSON.stringify(whiteColorObj)));
@@ -33418,7 +33484,11 @@ var Component = defineComponent({
       });
     });
     watch(() => props2.modelValue, () => {
+      var _a;
       changeColorFromProps();
+      if (props2.withValidate) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+      }
     });
     const handleTriggerKeydown = (e) => {
       if (e.code === "Enter" || e.code === "NumpadEnter") {