@funcho/ui 1.1.14 → 1.1.16

package/dist/cjs/business/DataTable/DataTable.vue.js

@@ -179,6 +179,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         const { type, attrs = {} } = field;
         if (!type || type === "" || type.includes("Input")) {
           attrs.onClear = handleSearchClick;
+          attrs.onKeyup = (event) => {
+            if (event.key === "Enter") {
+              handleSearchClick();
+            }
+          };
         }
         if (type?.includes("Select") || type?.includes("Cascader") || type?.includes("DatePicker")) {
           attrs.onClear = handleSearchClick;

package/dist/cjs/business/EditFormCard/EditFormCard.vue.js

@@ -0,0 +1,238 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const index$1 = require('../../components/Button/index.js');
+require('../../components/Dialog/index.js');
+require('../../components/ConfigProvider/index.js');
+require('../../components/Input/index.js');
+require('../../components/Tree/index.js');
+require('../../components/Tabs/index.js');
+require('../../components/TabPane/index.js');
+require('../../components/Steps/index.js');
+require('../../components/Step/index.js');
+require('../../components/InputNumber/index.js');
+require('../../components/Select/index.js');
+require('../../components/Option/index.js');
+require('../../components/DatePicker/index.js');
+require('../../components/DatePickerPanel/index.js');
+require('../../components/Tooltip/index.js');
+require('../../components/Icon/index.js');
+const index$2 = require('../../components/Notification/index.js');
+require('../../components/Link/index.js');
+require('../../components/Text/index.js');
+require('../../components/Scrollbar/index.js');
+require('../../components/Splitter/index.js');
+require('../../components/SplitterPanel/index.js');
+require('../../components/Autocomplete/index.js');
+require('../../components/Cascader/index.js');
+require('../../components/CascaderPanel/index.js');
+require('../../components/Checkbox/index.js');
+require('../../components/CheckboxGroup/index.js');
+require('../../components/CheckboxButton/index.js');
+require('../../components/Form/index.js');
+require('../../components/FormItem/index.js');
+require('../../components/InputTag/index.js');
+require('../../components/Radio/index.js');
+require('../../components/RadioGroup/index.js');
+require('../../components/SelectV2/index.js');
+require('../../components/Switch/index.js');
+require('../../components/TimePicker/index.js');
+require('../../components/TimeSelect/index.js');
+require('../../components/TreeSelect/index.js');
+require('../../components/Upload/index.js');
+require('../../components/Avatar/index.js');
+require('../../components/AvatarGroup/index.js');
+require('../../components/Badge/index.js');
+const index = require('../../components/Card/index.js');
+require('../../components/Descriptions/index.js');
+require('../../components/DescriptionsItem/index.js');
+require('../../components/Empty/index.js');
+require('../../components/Image/index.js');
+require('../../components/ImageViewer/index.js');
+require('../../components/Pagination/index.js');
+require('../../components/Table/index.js');
+require('../../components/TableColumn/index.js');
+require('../../components/TableV2/index.js');
+require('../../components/Tag/index.js');
+require('../../components/Breadcrumb/index.js');
+require('../../components/BreadcrumbItem/index.js');
+require('../../components/Drawer/index.js');
+require('../../components/Popconfirm/index.js');
+require('../../components/IconComponent/index.js');
+require('../../components/Popover/index.js');
+require('../../components/Result/index.js');
+require('../../components/Progress/index.js');
+require('../../components/Divider/index.js');
+require('../../components/Dropdown/index.js');
+require('../../components/DropdownMenu/index.js');
+require('../../components/DropdownItem/index.js');
+require('../../components/Menu/index.js');
+require('../../components/SubMenu/index.js');
+require('../../components/MenuItem/index.js');
+require('../../components/RadioButton/index.js');
+require('../../components/MenuItemGroup/index.js');
+require('../../components/Collapse/index.js');
+require('../../components/CollapseItem/index.js');
+require('../../components/ContextMenu/index.js');
+require('../../components/CodeEditor/index.js');
+require('../../components/RichEditor/index.js');
+const ProForm_vue_vue_type_script_setup_true_lang = require('../ProForm/ProForm.vue.js');
+;/* empty css                       */
+const cloneDeep = require('../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.js');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "FcProEditFormCard",
+    inheritAttrs: false
+  },
+  __name: "EditFormCard",
+  props: {
+    title: { default: "" },
+    showEditButton: { type: Boolean, default: true },
+    requestApi: { type: Function, default: void 0 },
+    submitApi: { type: Function, default: void 0 },
+    inline: { type: Boolean, default: true },
+    columns: {},
+    labelPosition: { default: "top" },
+    labelWidth: {},
+    fields: { default: () => [] },
+    rules: { default: () => ({}) }
+  },
+  emits: ["submit", "loaded"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const isDisabled = vue.ref(true);
+    const formRef = vue.ref();
+    const props = __props;
+    let snapshot = {};
+    const loading = vue.ref(false);
+    const submitting = vue.ref(false);
+    const initData = async () => {
+      if (!props.requestApi) return;
+      try {
+        loading.value = true;
+        const res = await props.requestApi();
+        const data = res.data || res || {};
+        emits("loaded", data);
+        if (formRef.value) {
+          formRef.value.setValues(data);
+        }
+      } catch (err) {
+        console.error("获取详情失败", err);
+      } finally {
+        loading.value = false;
+      }
+    };
+    vue.onMounted(initData);
+    const handleEditClick = () => {
+      isDisabled.value = false;
+      const model = formRef.value?.model;
+      snapshot = cloneDeep.default(model);
+    };
+    const handleCancelClick = () => {
+      formRef.value?.clearValidate();
+      isDisabled.value = true;
+      formRef.value?.setValues(snapshot);
+    };
+    const emits = __emit;
+    const handleSaveClick = async () => {
+      if (!formRef.value) return;
+      try {
+        await formRef.value.validate();
+        const model = formRef.value?.model;
+        if (!props.submitApi) {
+          isDisabled.value = true;
+          emits("submit", model);
+          return;
+        }
+        submitting.value = true;
+        const res = await props.submitApi(model);
+        isDisabled.value = true;
+        emits("submit", model, res);
+        index$2.FcNotification.success({
+          message: "修改成功！"
+        });
+        initData();
+      } catch (err) {
+        console.error("提交失败", err);
+      } finally {
+        submitting.value = false;
+      }
+    };
+    __expose(
+      new Proxy(
+        {},
+        {
+          get(_, key) {
+            if (key === "refresh") {
+              return initData;
+            }
+            return formRef.value?.[key];
+          },
+          has(_, key) {
+            if (key === "refresh") {
+              return true;
+            }
+            return key in formRef.value;
+          }
+        }
+      )
+    );
+    return (_ctx, _cache) => {
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index.FcCard), { title: __props.title }, vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createVNode(ProForm_vue_vue_type_script_setup_true_lang.default, {
+            ref_key: "formRef",
+            ref: formRef,
+            inline: __props.inline,
+            "label-position": __props.labelPosition,
+            fields: __props.fields,
+            disabled: isDisabled.value,
+            rules: __props.rules
+          }, null, 8, ["inline", "label-position", "fields", "disabled", "rules"])
+        ]),
+        _: 2
+      }, [
+        __props.showEditButton ? {
+          name: "tools",
+          fn: vue.withCtx(() => [
+            isDisabled.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.FcButton), {
+              key: 0,
+              type: "primary",
+              onClick: handleEditClick
+            }, {
+              default: vue.withCtx(() => [..._cache[0] || (_cache[0] = [
+                vue.createTextVNode("编辑", -1)
+              ])]),
+              _: 1
+            })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createVNode(vue.unref(index$1.FcButton), { onClick: handleCancelClick }, {
+                default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
+                  vue.createTextVNode("取消", -1)
+                ])]),
+                _: 1
+              }),
+              vue.createVNode(vue.unref(index$1.FcButton), {
+                type: "success",
+                loading: submitting.value,
+                onClick: handleSaveClick
+              }, {
+                default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                  vue.createTextVNode("保存", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"])
+            ], 64))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["title"])), [
+        [_directive_loading, loading.value]
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/cjs/business/EditFormCard/EditFormCard.vue3.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const EditFormCard_vue_vue_type_script_setup_true_lang = require('./EditFormCard.vue.js');
+;/* empty css                   */
+
+
+
+exports.default = EditFormCard_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/business/EditFormCard/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const EditFormCard_vue_vue_type_script_setup_true_lang = require('./EditFormCard.vue.js');
+;/* empty css                   */
+const withInstall = require('../../_utils/with-install.js');
+
+const FcProEditFormCard = withInstall.withInstall(EditFormCard_vue_vue_type_script_setup_true_lang.default);
+
+exports.FcProEditFormCard = FcProEditFormCard;
+exports.default = FcProEditFormCard;

package/dist/cjs/business/FormDialog/FormDialog.vue.js

@@ -0,0 +1,129 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const Button_vue_vue_type_script_setup_true_lang = require('../../components/Button/Button.vue.js');
+;/* empty css                                   */
+const Dialog_vue_vue_type_script_setup_true_lang = require('../../components/Dialog/Dialog.vue.js');
+;/* empty css                                   */
+const ProForm_vue_vue_type_script_setup_true_lang = require('../ProForm/ProForm.vue.js');
+;/* empty css                       */
+const index = require('../../components/Notification/index.js');
+const useNamespace = require('../../hooks/use-namespace.js');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "FcProFormDialog",
+    inheritAttrs: false
+  },
+  __name: "FormDialog",
+  props: {
+    title: { default: "新增" },
+    width: { default: 400 },
+    cancelButtonText: { default: "取消" },
+    confirmButtonText: { default: "确定" },
+    showCancelButton: { type: Boolean, default: true },
+    submitApi: { type: Function, default: void 0 },
+    inline: { type: Boolean, default: false },
+    columns: {},
+    labelPosition: { default: "left" },
+    labelWidth: { default: "5em" },
+    fields: { default: () => [] },
+    rules: { default: () => ({}) }
+  },
+  emits: ["submit", "cancel"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const ns = useNamespace.useNamespace("form-dialog");
+    const formRef = vue.ref();
+    const props = __props;
+    const visible = vue.ref(false);
+    const emits = __emit;
+    const submitting = vue.ref(false);
+    const handleConfirmClick = async () => {
+      if (!formRef.value) return;
+      try {
+        await formRef.value.validate();
+        const model = formRef.value?.model;
+        if (!props.submitApi) {
+          emits("submit", model);
+          visible.value = false;
+          return;
+        }
+        submitting.value = true;
+        const res = await props.submitApi(model);
+        emits("submit", model, res);
+        index.FcNotification.success({
+          message: "提交成功！"
+        });
+        visible.value = false;
+      } catch (err) {
+        console.error("提交失败", err);
+      } finally {
+        submitting.value = false;
+      }
+    };
+    const open = (data) => {
+      visible.value = true;
+      vue.nextTick(() => {
+        formRef.value?.setValues(data || {});
+      });
+    };
+    const handleCancelClick = () => {
+      visible.value = false;
+      emits("cancel");
+    };
+    const close = () => {
+      visible.value = false;
+    };
+    __expose({
+      open,
+      close
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(Dialog_vue_vue_type_script_setup_true_lang.default, {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        title: __props.title,
+        width: __props.width,
+        "body-class": vue.unref(ns).e("body")
+      }, {
+        footer: vue.withCtx(() => [
+          __props.showCancelButton ? (vue.openBlock(), vue.createBlock(Button_vue_vue_type_script_setup_true_lang.default, {
+            key: 0,
+            onClick: handleCancelClick
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(__props.cancelButtonText), 1)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.createVNode(Button_vue_vue_type_script_setup_true_lang.default, {
+            type: "primary",
+            loading: submitting.value,
+            onClick: handleConfirmClick
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(__props.confirmButtonText), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(ProForm_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({
+            ref_key: "formRef",
+            ref: formRef,
+            inline: __props.inline,
+            "label-position": __props.labelPosition,
+            "label-width": __props.labelWidth,
+            fields: __props.fields,
+            rules: __props.rules
+          }, _ctx.$attrs), null, 16, ["inline", "label-position", "label-width", "fields", "rules"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title", "width", "body-class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/cjs/business/FormDialog/FormDialog.vue3.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const FormDialog_vue_vue_type_script_setup_true_lang = require('./FormDialog.vue.js');
+;/* empty css                 */
+
+
+
+exports.default = FormDialog_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/business/FormDialog/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const FormDialog_vue_vue_type_script_setup_true_lang = require('./FormDialog.vue.js');
+;/* empty css                 */
+const withInstall = require('../../_utils/with-install.js');
+
+const FcProFormDialog = withInstall.withInstall(FormDialog_vue_vue_type_script_setup_true_lang.default);
+
+exports.FcProFormDialog = FcProFormDialog;
+exports.default = FcProFormDialog;

package/dist/cjs/business/ProForm/ProForm.vue.js

@@ -18,7 +18,7 @@ require('../../components/Select/index.js');
 require('../../components/Option/index.js');
 require('../../components/DatePicker/index.js');
 require('../../components/DatePickerPanel/index.js');
-require('../../components/Tooltip/index.js');
+const index$2 = require('../../components/Tooltip/index.js');
 require('../../components/Icon/index.js');
 require('../../components/Notification/index.js');
 require('../../components/Link/index.js');
@@ -61,7 +61,7 @@ require('../../components/Breadcrumb/index.js');
 require('../../components/BreadcrumbItem/index.js');
 require('../../components/Drawer/index.js');
 require('../../components/Popconfirm/index.js');
-require('../../components/IconComponent/index.js');
+const index$3 = require('../../components/IconComponent/index.js');
 require('../../components/Popover/index.js');
 require('../../components/Result/index.js');
 require('../../components/Progress/index.js');
@@ -80,6 +80,8 @@ require('../../components/ContextMenu/index.js');
 require('../../components/CodeEditor/index.js');
 require('../../components/RichEditor/index.js');
 const componentsMap = require('./componentsMap.js');
+const isPlainObject = require('../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isPlainObject.js');
+const cloneDeep = require('../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.js');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -88,14 +90,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "ProForm",
   props: {
     inline: { type: Boolean, default: false },
+    columns: { default: "auto-fill" },
     labelPosition: { default: "top" },
-    fields: { default: () => [] }
+    labelWidth: { default: "" },
+    fields: { default: () => [] },
+    rules: { default: () => ({}) }
   },
   setup(__props, { expose: __expose }) {
     const ns = useNamespace.useNamespace("pro-form");
     const formModel = vue.ref({});
     const setValues = (data) => {
-      formModel.value = Object.assign({}, formModel.value, data);
+      if (isPlainObject.default(data)) {
+        formModel.value = cloneDeep.default(data || {});
+      } else {
+        console.warn("setValues 只能接受一个对象");
+      }
     };
     const getGridItemStyle = (item) => {
       if (item.span === "full") {
@@ -151,7 +160,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         model: formModel.value,
         class: { [vue.unref(ns).e("container")]: true, [vue.unref(ns).is("inline")]: __props.inline },
         inline: __props.inline,
-        "label-position": __props.labelPosition
+        "label-position": __props.labelPosition,
+        "label-width": __props.labelWidth,
+        style: { "--grid-columns": __props.columns },
+        rules: __props.rules
       }), {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.fields, (item) => {
@@ -160,7 +172,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               label: item.label,
               prop: item.prop,
               style: vue.normalizeStyle(getGridItemStyle(item))
-            }, {
+            }, vue.createSlots({
               default: vue.withCtx(() => [
                 item.render ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.render(formModel.value, item.prop, item.label)), vue.mergeProps({
                   key: 0,
@@ -183,11 +195,35 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 }), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder"]))
               ]),
               _: 2
-            }, 1032, ["label", "prop", "style"]);
+            }, [
+              item.tooltip ? {
+                name: "label",
+                fn: vue.withCtx(() => [
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(vue.unref(ns).e("label-with-tooltip"))
+                  }, [
+                    vue.createElementVNode("span", null, vue.toDisplayString(item.label), 1),
+                    vue.createVNode(vue.unref(index$2.FcTooltip), {
+                      content: item.tooltip,
+                      placement: "top"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(index$3.FcIconComponent), {
+                          name: "QuestionFilled",
+                          size: 14
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["content"])
+                  ], 2)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["label", "prop", "style"]);
           }), 128))
         ]),
         _: 1
-      }, 16, ["model", "class", "inline", "label-position"]);
+      }, 16, ["model", "class", "inline", "label-position", "label-width", "style", "rules"]);
     };
   }
 });

package/dist/cjs/business/index.js

@@ -7,6 +7,8 @@ const index$1 = require('./DataTable/index.js');
 const index$2 = require('./ProForm/index.js');
 const index$3 = require('./TreeCheckFilter/index.js');
 const index$4 = require('./TreeTransfer/index.js');
+const index$5 = require('./EditFormCard/index.js');
+const index$6 = require('./FormDialog/index.js');
 
 
 
@@ -15,3 +17,5 @@ exports.FcProDataTable = index$1.FcProDataTable;
 exports.FcProForm = index$2.FcProForm;
 exports.FcProTreeCheckFilter = index$3.FcProTreeCheckFilter;
 exports.FcProTreeTransfer = index$4.FcProTreeTransfer;
+exports.FcProEditFormCard = index$5.FcProEditFormCard;
+exports.FcProFormDialog = index$6.FcProFormDialog;

package/dist/cjs/components/Button/DangerButton.vue.js

@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createVNode(Button_vue_vue_type_script_setup_true_lang.default, vue.mergeProps(_ctx.$attrs, {
               ref: "elRef",
               type: "danger",
-              link: ""
+              link: __props.link
             }), vue.createSlots({ _: 2 }, [
               vue.renderList(_ctx.$slots, (_, name) => {
                 return {
@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ])
                 };
               })
-            ]), 1040)
+            ]), 1040, ["link"])
           ]),
           _: 3
         }, 8, ["title"])

package/dist/cjs/index.js

@@ -7,8 +7,8 @@ const directive = require('./node_modules/.pnpm/element-plus@2.13.5_patch_hash_4
 const dayjs_min = require('./_virtual/dayjs.min.js');
 ;/* empty css                   */
 const lovIdRequestProvide = require('./config/lovId-request-provide.js');
-const index$1k = require('./components/index.js');
-const index$1l = require('./business/index.js');
+const index$1m = require('./components/index.js');
+const index$1n = require('./business/index.js');
 const version = require('./version.js');
 const index$1 = require('./components/Button/index.js');
 const index$2 = require('./components/Dialog/index.js');
@@ -93,12 +93,14 @@ const index$1g = require('./business/DataTable/index.js');
 const index$1h = require('./business/ProForm/index.js');
 const index$1i = require('./business/TreeCheckFilter/index.js');
 const index$1j = require('./business/TreeTransfer/index.js');
+const index$1k = require('./business/EditFormCard/index.js');
+const index$1l = require('./business/FormDialog/index.js');
 
-const components = Object.keys(index$1k).map((key) => {
-  return index$1k[key];
+const components = Object.keys(index$1m).map((key) => {
+  return index$1m[key];
 });
-const proComponents = Object.keys(index$1l).map((key) => {
-  return index$1l[key];
+const proComponents = Object.keys(index$1n).map((key) => {
+  return index$1n[key];
 });
 const installComponents = [...components, ...proComponents].filter((comp) => {
   return typeof comp === "object" && comp.name && typeof comp.install === "function";
@@ -228,5 +230,7 @@ exports.FcProDataTable = index$1g.FcProDataTable;
 exports.FcProForm = index$1h.FcProForm;
 exports.FcProTreeCheckFilter = index$1i.FcProTreeCheckFilter;
 exports.FcProTreeTransfer = index$1j.FcProTreeTransfer;
+exports.FcProEditFormCard = index$1k.FcProEditFormCard;
+exports.FcProFormDialog = index$1l.FcProFormDialog;
 exports.default = index;
 exports.install = install;

package/dist/cjs/packages/ui/package.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const version = "1.1.14";
+const version = "1.1.16";
 
 exports.version = version;

package/dist/esm/business/DataTable/DataTable.vue.mjs

@@ -175,6 +175,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const { type, attrs = {} } = field;
         if (!type || type === "" || type.includes("Input")) {
           attrs.onClear = handleSearchClick;
+          attrs.onKeyup = (event) => {
+            if (event.key === "Enter") {
+              handleSearchClick();
+            }
+          };
         }
         if (type?.includes("Select") || type?.includes("Cascader") || type?.includes("DatePicker")) {
           attrs.onClear = handleSearchClick;