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

package/dist/index.esm.js

@@ -9205,7 +9205,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 +9306,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 +9319,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 +9343,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 +9353,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 +9581,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 +9610,6 @@ const useCheckbox = () => {
     isChecked.value = value;
   };
   const handleChange = (event) => {
-    var _a;
     if (isDisabled.value) {
       return;
     }
@@ -9622,7 +9621,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 +9708,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 +9744,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) => {
@@ -13303,7 +13309,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 +13338,6 @@ const useRadio = () => {
     isChecked.value = value;
   };
   const handleChange = (event) => {
-    var _a;
     if (isDisabled.value) {
       return;
     }
@@ -13345,7 +13349,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 +13490,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 +13525,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 +13618,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 +13628,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 +13665,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({
@@ -13977,6 +13993,7 @@ var BkOption = defineComponent({
     });
     const multiple = computed(() => select2 == null ? void 0 : select2.multiple);
     const isHover = computed(() => (select2 == null ? void 0 : select2.activeOptionValue) === value.value);
+    const showSelectedIcon = computed(() => select2 == null ? void 0 : select2.showSelectedIcon);
     const handleOptionClick = () => {
       if (disabled.value)
         return;
@@ -13997,6 +14014,7 @@ var BkOption = defineComponent({
       selected,
       multiple,
       isHover,
+      showSelectedIcon,
       handleOptionClick,
       handleMouseEnter
     });
@@ -14017,11 +14035,11 @@ var BkOption = defineComponent({
     }, [(_c = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode("span", {
       "class": "bk-select-option-item",
       "title": this.label
-    }, [this.label, this.multiple && this.selected && createVNode(done, {
-      "class": "done-icon",
+    }, [this.label]), this.multiple && this.selected && this.showSelectedIcon && createVNode(done, {
+      "class": "bk-select-selected-icon",
       "width": 22,
       "height": 22
-    }, null)])]), [[vShow, this.visible]]);
+    }, null)]), [[vShow, this.visible]]);
   }
 });
 var OptionGroup = defineComponent({
@@ -14287,7 +14305,9 @@ var Component$j = defineComponent({
     customContent: PropTypes.bool.def(false),
     list: PropTypes.array.def([]),
     idKey: PropTypes.string.def("value"),
-    displayKey: PropTypes.string.def("label")
+    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"],
   setup(props2, {
@@ -14307,7 +14327,8 @@ var Component$j = defineComponent({
       showOnInit,
       multipleMode,
       allowCreate,
-      customContent
+      customContent,
+      showSelectedIcon
     } = toRefs(props2);
     const formItem = useFormItem();
     const inputRef = ref();
@@ -14319,7 +14340,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
     });
@@ -14414,12 +14439,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)
@@ -14601,6 +14624,7 @@ var Component$j = defineComponent({
       multiple,
       selected,
       activeOptionValue,
+      showSelectedIcon,
       register,
       unregister,
       registerGroup,
@@ -15077,7 +15101,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, {
@@ -15108,7 +15133,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;
@@ -15122,10 +15151,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") {
@@ -17912,6 +17939,10 @@ const tagProps = () => ({
   pasteFn: {
     type: Function,
     default: null
+  },
+  withValidate: {
+    type: Boolean,
+    default: true
   }
 });
 var TagRender = defineComponent({
@@ -17987,7 +18018,11 @@ var Component$c = defineComponent({
       disabled: props2.disabled
     }));
     watch([() => [...props2.modelValue], () => [...props2.list]], () => {
+      var _a;
       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;
@@ -18281,11 +18316,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();
@@ -23448,7 +23481,11 @@ const datePickerProps = {
       return ["simplicity", "normal"].indexOf(v2) > -1;
     }
   },
-  disableDate: Function
+  disableDate: Function,
+  withValidate: {
+    type: Boolean,
+    default: true
+  }
 };
 var Component$9 = defineComponent({
   name: "DatePicker",
@@ -23580,7 +23617,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;
@@ -23654,17 +23695,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();
         }
       });
     };
@@ -25575,30 +25614,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,
@@ -27500,18 +27521,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) {
@@ -28842,7 +28859,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, {
@@ -33381,7 +33398,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({
@@ -33394,6 +33412,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)));
@@ -33413,7 +33432,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") {