@blueking/ediatable 0.0.1-beta.16 → 0.0.1-beta.18

package/README.md

@@ -328,13 +328,13 @@ npm i @blueking/ediatable
 
 | 属性名       | 描述                   | 属性类型                         | 默认值      |
 | ------------ | ---------------------- | -------------------------------- | ----------- |
-| fixed        | 表头列是否固定         | `right 或 left 或 undefined`     | undefined   |
-| maxWidth     | 表头列最大宽度         | `number 或 undefined`            | undefined   |
-| minWidth     | 表头列最小宽度         | `number 或 undefined`            | undefined   |
-| memo         | 列名hover时的提示      | `string 或 undefined`            | undefined   |
-| required     | 是否必填标志           | `boolean`                        | true        |
-| title        | 表头列名               | `string 或 undefined`            | undefined   |
-| width        | 表头列宽度             | `number 或 undefined`            | undefined   |
+| fixed        | 表头列是否固定         | `right 或 left 或 undefined` | undefined   |
+| maxWidth     | 表头列最大宽度         | `number 或 undefined` | undefined   |
+| minWidth     | 表头列最小宽度         | `number 或 undefined` | undefined   |
+| memo         | 列名hover时的提示      | `string 或 undefined` | undefined   |
+| required     | 是否必填标志           | `boolean` | true        |
+| title        | 表头列名               | `string 或 undefined` | undefined   |
+| width        | 表头列宽度             | `number 或 undefined` | undefined   |
 | renderAppend | 表头列名之后追加的元素 | `() => JSX.Element 或 undefined` | undefined   |
 
 ### Slots插槽
@@ -351,7 +351,7 @@ npm i @blueking/ediatable
 | 属性名    | 描述         | 属性类型                                      | 默认值 |
 | --------- | ------------ | --------------------------------------------- | ------ |
 | validator | 校验函数     | `(value: any) => boolean 或 Promise<boolean>` | 无     |
-| message   | 校验出错提示 | `string 或 (() => string)`                    | 无     |
+| message   | 校验出错提示 | `string 或 (() => string)` | 无     |
 
 #### 输入框组件
 
@@ -369,13 +369,15 @@ npm i @blueking/ediatable
 | ------ | ------------ | --------- | --------- |
 | rules  | 校验规则配置 | `IRule[]` | undefined |
 
-其他配置同 `bkui-vue3`的`Input`组件
+其他配置同 `bkui-vue3` 的 `Input` 组件
 
 ##### Emits事件列表
 
 | 事件名 | 参数  | 参数类型           | 描述         |
 | ------ | ----- | ------------------ | ------------ |
 | submit | value | `string 或 number` | 输入完成事件 |
+| error  | value | `boolean` | 校验报错事件 |
+| clear  |       |           | 清空事件 ｜
 
 ##### Exposes事件列表
 
@@ -400,13 +402,14 @@ npm i @blueking/ediatable
 | ------ | ------------ | --------- | --------- |
 | rules  | 校验规则配置 | `IRule[]` | undefined |
 
-其他配置同 `bkui-vue3`的`TimerPicker`组件
+其他配置同 `bkui-vue3` 的 `TimerPicker` 组件
 
 ##### Emits事件列表
 
 | 事件名 | 参数  | 参数类型                     | 描述         |
 | ------ | ----- | ---------------------------- | ------------ |
 | change | value | `[string, string] 或 string` | 选择完成事件 |
+| error  | value | `boolean` | 校验报错事件 |
 
 ##### Exposes事件列表
 
@@ -430,13 +433,14 @@ npm i @blueking/ediatable
 | ------ | ------------ | --------- | --------- |
 | rules  | 校验规则配置 | `IRule[]` | undefined |
 
-其他配置同 `bkui-vue3`的`Select`组件
+其他配置同 `bkui-vue3` 的 `Select` 组件
 
 ##### Emits事件列表
 
 | 事件名 | 参数  | 参数类型           | 描述         |
 | ------ | ----- | ------------------ | ------------ |
 | change | value | `string 或 number` | 选择完成事件 |
+| error  | value | `boolean` | 校验报错事件 |
 
 ##### Exposes事件列表
 
@@ -460,13 +464,14 @@ npm i @blueking/ediatable
 | ------ | ------------ | --------- | --------- |
 | rules  | 校验规则配置 | `IRule[]` | undefined |
 
-其他配置同 `bkui-vue3`的`TagInput`组件
+其他配置同 `bkui-vue3` 的 `TagInput` 组件
 
 ##### Emits事件列表
 
 | 事件名 | 参数  | 参数类型   | 描述         |
 | ------ | ----- | ---------- | ------------ |
 | change | value | `string[]` | 输入完成事件 |
+| error  | value | `boolean` | 校验报错事件 |
 
 ##### Exposes事件列表
 
@@ -495,9 +500,9 @@ npm i @blueking/ediatable
 | 属性名      | 描述         | 属性类型                        | 默认值    |
 | ----------- | ------------ | ------------------------------- | --------- |
 | data        | 文本内容     | `string 或 number 或 undefined` | undefined |
-| isLoading   | 是否加载中   | `boolean 或 undefined`          | undefined |
-| placeholder | 空白提示 | `string  或 undefined`          | undefined |
-| rules       | 校验规则配置 | `IRule[] 或 undefined`          | undefined |
+| isLoading   | 是否加载中   | `boolean 或 undefined` | undefined |
+| placeholder | 空白提示 | `string  或 undefined` | undefined |
+| rules       | 校验规则配置 | `IRule[] 或 undefined` | undefined |
 
 ##### Exposes事件列表
 
@@ -519,10 +524,10 @@ npm i @blueking/ediatable
 
 | 属性名     | 描述               | 属性类型    | 默认值 |
 | ---------- | ------------------ | ----------- | ------ |
-| removeable | 删除图标是否可用   | `boolean`   | true   |
-| showCopy   | 是否展示行克隆图标 | `boolean`   | false  |
+| removeable | 删除图标是否可用   | `boolean` | true   |
+| showCopy   | 是否展示行克隆图标 | `boolean` | false  |
 | showAdd    | 是否展示添加图标   | `boolean  ` | true   |
-| showRemove | 是否展示删除图标   | `boolean `  | true   |
+| showRemove | 是否展示删除图标   | `boolean ` | true   |
 
 ##### Emits事件列表
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/ediatable",
-  "version": "0.0.1-beta.16",
+  "version": "0.0.1-beta.18",
   "description": "蓝鲸 Ediatable",
   "keywords": [
     "ediatable",

package/typings/components/date-time-picker-column.vue.d.ts

@@ -4,6 +4,7 @@ interface Props {
     rules?: Rules;
     type?: any;
     disabled?: boolean;
+    clearable?: boolean;
 }
 interface Slots {
     footer(): any;
@@ -19,24 +20,29 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     rules: undefined;
     type: undefined;
     disabled: boolean;
+    clearable: boolean;
 }>, {
     getValue: () => Promise<ValueType>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: ValueType) => void;
     change: (value: any) => void;
+    error: (result: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     placeholder: string;
     rules: undefined;
     type: undefined;
     disabled: boolean;
+    clearable: boolean;
 }>>> & {
     onChange?: ((value: any) => any) | undefined;
+    onError?: ((result: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((modelValue: ValueType) => any) | undefined;
 }, {
     type: any;
     placeholder: string;
     rules: Rules;
     disabled: boolean;
+    clearable: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/typings/components/input-column.vue.d.ts

@@ -9,6 +9,7 @@ interface Props {
     isShowBlur?: boolean;
     precision?: number;
     maxlength?: number;
+    clearable?: boolean;
 }
 declare let __VLS_typeProps: Props;
 type __VLS_PublicProps = {
@@ -26,12 +27,15 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     max: number;
     isShowBlur: boolean;
     precision: number;
+    clearable: boolean;
 }>, {
     getValue: () => Promise<string | number>;
     focus: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: string | number) => void;
     submit: (value: string | number) => void;
+    error: (result: boolean) => void;
+    clear: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     placeholder: string;
     rules: undefined;
@@ -41,14 +45,18 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     max: number;
     isShowBlur: boolean;
     precision: number;
+    clearable: boolean;
 }>>> & {
     onSubmit?: ((value: string | number) => any) | undefined;
+    onError?: ((result: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((modelValue: string | number) => any) | undefined;
+    onClear?: (() => any) | undefined;
 }, {
     type: string;
     placeholder: string;
     rules: Rules;
     disabled: boolean;
+    clearable: boolean;
     min: number;
     max: number;
     isShowBlur: boolean;

package/typings/components/select-column.vue.d.ts

@@ -11,6 +11,7 @@ interface Props {
     disabled?: boolean;
     multiple?: boolean;
     showSelectAll?: boolean;
+    clearable?: boolean;
 }
 declare let __VLS_typeProps: Props;
 type __VLS_PublicProps = {
@@ -23,11 +24,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     multiple: boolean;
     showSelectAll: boolean;
+    clearable: boolean;
 }>, {
     getValue: () => Promise<IKey>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: IKey) => void;
     change: (value: IKey) => void;
+    error: (result: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     placeholder: string;
     textarea: boolean;
@@ -35,13 +38,16 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     multiple: boolean;
     showSelectAll: boolean;
+    clearable: boolean;
 }>>> & {
     onChange?: ((value: IKey) => any) | undefined;
+    onError?: ((result: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((modelValue: IKey) => any) | undefined;
 }, {
     placeholder: string;
     rules: Rules;
     disabled: boolean;
+    clearable: boolean;
     multiple: boolean;
     showSelectAll: boolean;
 }, {}>;

package/typings/components/tag-input-column.vue.d.ts

@@ -3,6 +3,7 @@ interface Props {
     placeholder?: string;
     single?: boolean;
     rules?: Rules;
+    clearable?: boolean;
 }
 declare let __VLS_typeProps: Props;
 type __VLS_PublicProps = {
@@ -19,21 +20,26 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     placeholder: string;
     single: boolean;
     rules: undefined;
+    clearable: boolean;
 }>, {
     getValue: () => Promise<string[] | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: string[]) => void;
     change: (value: string[]) => void;
+    error: (result: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     placeholder: string;
     single: boolean;
     rules: undefined;
+    clearable: boolean;
 }>>> & {
     onChange?: ((value: string[]) => any) | undefined;
+    onError?: ((result: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((modelValue: string[]) => any) | undefined;
 }, {
     placeholder: string;
     rules: Rules;
+    clearable: boolean;
     single: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/vue2/index.es.min.js

@@ -5488,7 +5488,7 @@ lodash.exports;
 var lodashExports = lodash.exports;
 const _$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodashExports);
 !function() {
-  var svgCode = '<svg xmlns="http://www.w3.org/2000/svg" data-name="ediatable" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute;width:0;height:0;visibility:hidden"><symbol id="icon-exclamation-fill" viewBox="0 0 64 64"><path fill="#737987" d="M32 4C16.5 4 4 16.5 4 32s12.5 28 28 28 28-12.5 28-28S47.5 4 32 4zm0 44c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm3-28.7L34 38c0 1.1-.9 2-2 2s-2-.9-2-2l-1-18.7V19c0-1.7 1.3-3 3-3s3 1.3 3 3v.3z"/></symbol><symbol id="icon-copy" viewBox="0 0 1024 1024"><path d="M864 128H288c-17.6 0-32 14.4-32 32v96h-96c-17.6 0-32 14.4-32 32v576c0 17.6 14.4 32 32 32h576c17.6 0 32-14.4 32-32v-96h96c17.6 0 32-14.4 32-32V160c0-17.6-14.4-32-32-32zM704 704v128H192V320h512v384zm128 0h-64V288c0-17.6-14.4-32-32-32H320v-64h512v512z"/><path d="M275.2 419.2h336v64h-336zM272 544h336v64H272zM272 672h336v64H272z"/></symbol><symbol id="icon-minus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H288v-64h448v64z"/></symbol><symbol id="icon-plus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H544v192h-64V544H288v-64h192V288h64v192h192v64z"/></symbol></svg>';
+  var svgCode = '<svg xmlns="http://www.w3.org/2000/svg" data-name="ediatable" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute;width:0;height:0;visibility:hidden"><symbol id="icon-exclamation-fill" viewBox="0 0 64 64"><path fill="#737987" d="M32 4C16.5 4 4 16.5 4 32s12.5 28 28 28 28-12.5 28-28S47.5 4 32 4zm0 44c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm3-28.7L34 38c0 1.1-.9 2-2 2s-2-.9-2-2l-1-18.7V19c0-1.7 1.3-3 3-3s3 1.3 3 3v.3z"/></symbol><symbol id="icon-close-circle-shape" viewBox="0 0 64 64"><path fill="#737987" d="M32 4C16.5 4 4 16.5 4 32s12.5 28 28 28 28-12.5 28-28S47.5 4 32 4zm11.3 36.5l-2.8 2.8-8.5-8.5-8.5 8.5-2.8-2.8 8.5-8.5-8.5-8.5 2.8-2.8 8.5 8.5 8.5-8.5 2.8 2.8-8.5 8.5 8.5 8.5z"/></symbol><symbol id="icon-copy" viewBox="0 0 1024 1024"><path d="M864 128H288c-17.6 0-32 14.4-32 32v96h-96c-17.6 0-32 14.4-32 32v576c0 17.6 14.4 32 32 32h576c17.6 0 32-14.4 32-32v-96h96c17.6 0 32-14.4 32-32V160c0-17.6-14.4-32-32-32zM704 704v128H192V320h512v384zm128 0h-64V288c0-17.6-14.4-32-32-32H320v-64h512v512z"/><path d="M275.2 419.2h336v64h-336zM272 544h336v64H272zM272 672h336v64H272z"/></symbol><symbol id="icon-minus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H288v-64h448v64z"/></symbol><symbol id="icon-plus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H544v192h-64V544H288v-64h192V288h64v192h192v64z"/></symbol></svg>';
   if (document.body) {
     document.body.insertAdjacentHTML("afterbegin", svgCode);
   } else {
@@ -42075,12 +42075,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     placeholder: { default: "" },
     rules: { default: void 0 },
     type: { default: void 0 },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: true }
   }, {
     "modelValue": {},
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["change", "error"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     const emits = __emit;
@@ -42092,12 +42093,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const handleChange = (value) => {
       modelValue.value = value;
       validator11(modelValue.value).then(() => {
+        emits("error", false);
         emits("change", modelValue.value);
-      });
+      }).catch(() => emits("error", true));
     };
     const handleOpenChange = (open) => {
       if (!open) {
-        validator11(modelValue.value);
+        validator11(modelValue.value).then(() => {
+          emits("error", false);
+        }).catch(() => emits("error", true));
       }
     };
     __expose({
@@ -42117,7 +42121,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         [
           createVNode(unref(__webpack_exports__default), mergeProps({
             "append-to-body": "",
-            clearable: false,
+            clearable: _ctx.clearable,
             "model-value": modelValue.value,
             placeholder: _ctx.placeholder,
             style: { "width": "100%" },
@@ -42136,7 +42140,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               ]),
               key: "0"
             } : void 0
-          ]), 1040, ["model-value", "placeholder", "type"]),
+          ]), 1040, ["clearable", "model-value", "placeholder", "type"]),
           unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
             withDirectives(createVNode(
               unref(DbIcon),
@@ -42156,7 +42160,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$4 = {
-  key: 1,
+  key: 2,
   class: "blur-dispaly-main"
 };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -42170,14 +42174,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     max: { default: Number.MAX_SAFE_INTEGER },
     isShowBlur: { type: Boolean, default: false },
     precision: { default: 0 },
-    maxlength: {}
+    maxlength: {},
+    clearable: { type: Boolean, default: true }
   }, {
     "modelValue": {
       default: ""
     },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["submit"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["submit", "error", "clear"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     const emits = __emit;
@@ -42196,31 +42201,41 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       modelValue.value = value;
       if (props2.type === "number") {
         validator11(value).then(() => {
+          emits("error", false);
           emits("submit", value);
-        });
+        }).catch(() => emits("error", true));
       }
     };
+    const handleClear = () => {
+      modelValue.value = "";
+      validator11("").catch(() => emits("error", true)).finally(() => {
+        emits("clear");
+      });
+    };
     const handleInput = (value) => {
       isBlur.value = false;
       modelValue.value = value;
     };
     const handleBlur = (event) => {
-      isBlur.value = true;
-      if (props2.disabled) {
-        event.preventDefault();
-        return;
-      }
-      if (modelValue.value) {
-        if (oldInputText === modelValue.value) {
+      setTimeout(() => {
+        isBlur.value = true;
+        if (props2.disabled) {
+          event.preventDefault();
           return;
         }
-        oldInputText = modelValue.value;
-        validator11(modelValue.value).then(() => {
-          emits("submit", modelValue.value);
-        });
-        return;
-      }
-      emits("submit", modelValue.value);
+        if (modelValue.value) {
+          if (oldInputText === modelValue.value) {
+            return;
+          }
+          oldInputText = modelValue.value;
+          validator11(modelValue.value).then(() => {
+            emits("error", false);
+            emits("submit", modelValue.value);
+          }).catch(() => emits("error", true));
+          return;
+        }
+        emits("submit", modelValue.value);
+      }, 100);
     };
     const handleKeydown = (_value, event) => {
       if (props2.disabled) {
@@ -42238,9 +42253,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         event.preventDefault();
         validator11(modelValue.value).then((result) => {
           if (result) {
+            emits("error", false);
             emits("submit", modelValue.value);
           }
-        });
+        }).catch(() => emits("error", true));
       }
     };
     const handlePaste = (_value, event) => {
@@ -42281,6 +42297,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             disabled: _ctx.disabled,
             max: _ctx.max,
             min: _ctx.min,
+            clearable: false,
             "model-value": modelValue.value,
             maxlength: _ctx.maxlength,
             placeholder: _ctx.placeholder,
@@ -42294,10 +42311,16 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             onKeydown: handleKeydown,
             onPaste: handlePaste
           }), null, 16, ["disabled", "max", "min", "model-value", "maxlength", "placeholder", "type", "precision"]),
+          _ctx.clearable && modelValue.value && _ctx.type !== "number" ? (openBlock(), createBlock(unref(DbIcon), {
+            key: 0,
+            class: "clear-icon",
+            type: "close-circle-shape",
+            onClick: handleClear
+          })) : createCommentVNode("v-if", true),
           unref(errorMessage) ? withDirectives((openBlock(), createBlock(
             unref(DbIcon),
             {
-              key: 0,
+              key: 1,
               class: "error-icon",
               type: "exclamation-fill"
             },
@@ -42423,12 +42446,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     rules: { default: () => [] },
     disabled: { type: Boolean, default: false },
     multiple: { type: Boolean, default: false },
-    showSelectAll: { type: Boolean, default: false }
+    showSelectAll: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: true }
   }, {
     "modelValue": {},
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["change", "error"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const { Option } = __webpack_exports__default$2;
     const props2 = __props;
@@ -42447,11 +42471,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }
         localValue.value = value;
         if (typeof value !== "object" && value) {
-          validator11(value);
+          validator11(value).then(() => {
+            emits("error", false);
+          }).catch(() => emits("error", true));
           return;
         }
         if (Array.isArray(value) && value.length > 0) {
-          validator11(value);
+          validator11(value).then(() => {
+            emits("error", false);
+          }).catch(() => emits("error", true));
           return;
         }
       },
@@ -42463,15 +42491,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       localValue.value = value;
       validator11(localValue.value).then(() => {
         modelValue.value = value;
+        emits("error", false);
         emits("change", localValue.value);
-      });
+      }).catch(() => emits("error", true));
     };
     const handleRemove = () => {
       localValue.value = "";
       validator11(localValue.value).then(() => {
         modelValue.value = localValue.value;
+        emits("error", false);
         emits("change", localValue.value);
-      });
+      }).catch(() => emits("error", true));
     };
     const checkRootHeight = () => {
       rootHeight.value = rootRef.value.parentNode.clientHeight;
@@ -42499,7 +42529,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             "model-value": localValue.value,
             "auto-focus": "",
             class: "select-box",
-            clearable: false,
+            clearable: _ctx.clearable,
             disabled: _ctx.disabled,
             filterable: "",
             "input-search": false,
@@ -42526,7 +42556,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
             /* STABLE */
-          }, 16, ["model-value", "disabled", "multiple", "placeholder", "show-select-all"]),
+          }, 16, ["model-value", "clearable", "disabled", "multiple", "placeholder", "show-select-all"]),
           unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
             withDirectives(createVNode(
               unref(DbIcon),
@@ -42555,12 +42585,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeModels({
     placeholder: { default: "" },
     single: { type: Boolean, default: false },
-    rules: { default: void 0 }
+    rules: { default: void 0 },
+    clearable: { type: Boolean, default: true }
   }, {
     "modelValue": {},
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["change", "error"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     const emits = __emit;
@@ -42577,8 +42608,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       modelValue.value = value;
       nextTick(() => {
         validator11(modelValue.value).then(() => {
+          emits("error", false);
           emits("change", value);
-        });
+        }).catch(() => emits("error", true));
       });
     };
     const handleShowTips = () => {
@@ -42639,7 +42671,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 createVNode(unref(__webpack_exports__default$1), mergeProps({ "model-value": modelValue.value }, _ctx.$attrs, {
                   "allow-auto-match": "",
                   "allow-create": "",
-                  clearable: false,
+                  clearable: _ctx.clearable,
                   "collapse-tags": "",
                   "has-delete-icon": "",
                   "max-data": _ctx.single ? 1 : -1,
@@ -42648,7 +42680,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   onBlur: handleBlur,
                   onChange: handleChange,
                   onFocus: handleFocus
-                }), null, 16, ["model-value", "max-data", "placeholder"]),
+                }), null, 16, ["model-value", "clearable", "max-data", "placeholder"]),
                 unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
                   withDirectives(createVNode(
                     unref(DbIcon),