@ditari/bsui 1.1.24 → 1.1.25

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ditari/bsui
 
+## 1.1.25
+
+### Patch Changes
+
+- 1. 表单容器组件添加回车发送查询事件
+
 ## 1.1.24
 
 ### Patch Changes

package/dist/cjs/form/DQueryForm.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var core = require('@vueuse/core');
 var antDesignVue = require('ant-design-vue');
 var iconsVue = require('@ant-design/icons-vue');
 var JsonSchemeRender = require('../json-scheme-render/JsonSchemeRender.cjs');
@@ -53,12 +54,21 @@ var QueryForm = /* @__PURE__ */ vue.defineComponent({
       const loading2 = vue.ref(false);
       const formRef2 = vue.ref(null);
       const modelValue2 = vue.ref({});
+      const keys = core.useMagicKeys();
+      const enterKey = keys["enter"];
       vue.watchEffect(() => {
         modelValue2.value = props.model;
       });
       vue.watch(() => props.loading, (val) => {
         loading2.value = val;
       });
+      vue.watch(enterKey, (v) => {
+        if (v) {
+          if (!loading2.value) {
+            emit("query", modelValue2.value);
+          }
+        }
+      });
       const onQuery2 = () => {
         emit("query", modelValue2.value);
       };

package/dist/cjs/form/DQueryForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DQueryForm.cjs","sources":["../../../src/form/DQueryForm.tsx"],"sourcesContent":["import { defineComponent,  onMounted, ref, watch, watchEffect } from \"vue\";\nimport { Form, FormItem, Row, Col, Button, Space } from \"ant-design-vue\";\nimport {\n  SearchOutlined,\n  ReloadOutlined,\n  DoubleRightOutlined\n} from \"@ant-design/icons-vue\";\n\nimport DJsonSchemeRender from \"../json-scheme-render/JsonSchemeRender\";\n\n/**\n * 查询表单渲染\n * 展开，隐藏功能\n */\nexport default defineComponent({\n  name: \"DQueryForm\",\n  props: {\n    scheme: {\n      type: [Array, Object] as unknown as () => any[] | Record<string, any>,\n      default: () => []\n    },\n    model: {\n      type: Object as () => Record<string, unknown>,\n      default: () => ({})\n    },\n    labelWidth: {\n      type: String,\n      default: \"90px\"\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: [\"reset\", \"query\"],\n  setup(props, { slots, emit }) {\n    // 表单\n    const { loading, modelValue, formRef, onQuery, onReset } = useForm();\n    // 展开\n    const { rowRef, actionSpan, onExpend, expendBtnVisible, isExpend } =\n      useExpand();\n    //渲染操作列\n    const { renderAction } = useRender();\n\n    function useForm() {\n      const loading = ref(false);\n      const formRef = ref<any>(null);\n      const modelValue = ref<any>({});\n\n      watchEffect(() => {\n        modelValue.value = props.model;\n      });\n\n      watch(\n        () => props.loading,\n        (val) => {\n          loading.value = val;\n        }\n      );\n\n      const onQuery = () => {\n        emit(\"query\", modelValue.value);\n      };\n\n      const onReset = () => {\n        formRef.value?.resetFields();\n        emit(\"reset\");\n      };\n      return {\n        loading,\n        modelValue,\n        formRef,\n        onQuery,\n        onReset\n      };\n    }\n\n    function useRender() {\n      /**\n       * 操作按钮渲染\n       */\n      function renderAction() {\n        return (\n          <Space>\n            <Button\n              loading={loading.value}\n              type={\"primary\"}\n              shape={\"round\"}\n              onClick={onQuery}\n            >\n              {{\n                default: () => \"查询\",\n                icon: () => <SearchOutlined />\n              }}\n            </Button>\n            <Button disabled={loading.value} shape={\"round\"} onClick={onReset}>\n              {{\n                default: () => \"重置\",\n                icon: () => <ReloadOutlined />\n              }}\n            </Button>\n            {expendBtnVisible.value ? (\n              <Button onClick={onExpend} shape={\"round\"}>\n                {{\n                  default: () => (isExpend.value ? \"收起\" : \"展开\"),\n                  icon: () => (\n                    <DoubleRightOutlined rotate={isExpend.value ? -90 : 90} />\n                  )\n                }}\n              </Button>\n            ) : null}\n          </Space>\n        );\n      }\n      return {\n        renderAction\n      };\n    }\n\n    function useExpand() {\n      // 为24网格布局\n      const gridCount = 24;\n      // 每列占6个格子\n      const colSpan = 6;\n      // 每行显示4列\n      const colsPerRow = 4;\n      // 操作按钮span\n      const actionSpan = ref(6);\n      // 控制展开或隐藏按钮文本\n      const isExpend = ref(false);\n      // 控制展开按按钮是否显示\n      const expendBtnVisible = ref(false);\n      // 行对象\n      const rowRef = ref<any>(null);\n\n      onMounted(() => {\n        handleShowOrHidden();\n      });\n\n      function onExpend() {\n        isExpend.value = !isExpend.value;\n        handleShowOrHidden();\n      }\n\n      /**\n       *  处理隐藏或显示\n       */\n      function handleShowOrHidden() {\n        const colEl = Array.from(rowRef.value?.$el?.children);\n        // col总条数 减掉操作栏按钮的div个数为1\n        const colElLen = colEl.length - 1;\n        // 已占用的网格数 = col总条数 * 每列占用的网格数\n        const occupiedCols = colElLen * colSpan;\n        // 总行数 =  总div数 / 每行显示的列数\n        const fullRows = Math.ceil(colElLen / colsPerRow);\n        // 最后一行的网格数 = 已占用的网格数 % 24\n        const lastRowCols = occupiedCols % gridCount;\n        // 最后一行剩余的网格数\n        const remainingCols = gridCount - lastRowCols;\n\n        // 网格行大于2才显示展开或隐藏按钮\n        if (fullRows > 2) {\n          expendBtnVisible.value = true;\n        } else {\n          // 如果没有大于两行，操作栏占用剩余的宽度\n          actionSpan.value = remainingCols;\n        }\n        // 最后一行的起始索引\n        const lastRowStartIndex = colsPerRow * (fullRows - 1) - 1;\n        // 只有展开按钮显示时才处理\n        if (expendBtnVisible.value) {\n          colEl.forEach((col: any, index) => {\n            if (index >= lastRowStartIndex) {\n              // 最后一个元素不隐藏 是操作按钮的div\n              index !== colElLen\n                ? (col.style.display = !isExpend.value ? \"none\" : \"block\")\n                : null; // 隐藏元素\n            }\n          });\n        }\n\n        if (expendBtnVisible.value) {\n          // 如果是展开状态 则操作按钮占用剩余的网格数 否则占用6个网格\n          isExpend.value\n            ? (actionSpan.value = remainingCols)\n            : (actionSpan.value = colSpan);\n        }\n      }\n\n      return {\n        rowRef,\n        actionSpan,\n        onExpend,\n        expendBtnVisible,\n        isExpend\n      };\n    }\n\n    return () => (\n      <>\n        <Form\n          ref={formRef}\n          colon={false}\n          labelCol={{ style: { width: props.labelWidth } }}\n          model={modelValue.value}\n        >\n          <Row ref={rowRef}>\n            {slots.default ? (\n              slots.default()\n            ) : (\n              <DJsonSchemeRender\n                layout={props.scheme}\n                value={modelValue.value}\n              />\n            )}\n            <Col span={actionSpan.value} style={{ textAlign: \"right\" }}>\n              <FormItem>\n                {slots.action ? slots.action() : renderAction()}\n              </FormItem>\n            </Col>\n          </Row>\n        </Form>\n      </>\n    );\n  }\n});\n"],"names":["defineComponent","name","props","scheme","type","Array","Object","default","model","labelWidth","String","loading","Boolean","emits","setup","slots","emit","modelValue","formRef","onQuery","onReset","useForm","rowRef","actionSpan","onExpend","expendBtnVisible","isExpend","useExpand","renderAction","useRender","ref","watchEffect","value","watch","val","resetFields","_createVNode","Space","Button","icon","SearchOutlined","ReloadOutlined","DoubleRightOutlined","gridCount","colSpan","colsPerRow","onMounted","handleShowOrHidden","colEl","from","$el","children","colElLen","length","occupiedCols","fullRows","Math","ceil","lastRowCols","remainingCols","lastRowStartIndex","forEach","col","index","style","display","_Fragment","Form","width","Row","DJsonSchemeRender","Col","textAlign","FormItem","action"],"mappings":";;;;;;;;;AAcA,gCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,YAAA;AAAA,EACNC,KAAO,EAAA;AAAA,IACLC,MAAQ,EAAA;AAAA,MACNC,IAAAA,EAAM,CAACC,KAAAA,EAAOC,MAAM,CAAA;AAAA,MACpBC,OAAAA,EAASA,MAAM,EAAA;AAAA,KACjB;AAAA,IACAC,KAAO,EAAA;AAAA,MACLJ,IAAME,EAAAA,MAAAA;AAAAA,MACNC,OAAAA,EAASA,OAAO,EAAC,CAAA;AAAA,KACnB;AAAA,IACAE,UAAY,EAAA;AAAA,MACVL,IAAMM,EAAAA,MAAAA;AAAAA,MACNH,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IACAI,OAAS,EAAA;AAAA,MACPP,IAAMQ,EAAAA,OAAAA;AAAAA,MACNL,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,GACF;AAAA,EACAM,KAAAA,EAAO,CAAC,OAAA,EAAS,OAAO,CAAA;AAAA,EACxBC,MAAMZ,KAAO,EAAA;AAAA,IAAEa,KAAAA;AAAAA,IAAOC,IAAAA;AAAAA,GAAQ,EAAA;AAE5B,IAAM,MAAA;AAAA,MAAEL,OAAAA;AAAAA,MAASM,UAAAA;AAAAA,MAAYC,OAAAA;AAAAA,MAASC,OAAAA;AAAAA,MAASC,OAAAA;AAAAA,QAAYC,OAAQ,EAAA,CAAA;AAEnE,IAAM,MAAA;AAAA,MAAEC,MAAAA;AAAAA,MAAQC,UAAAA;AAAAA,MAAYC,QAAAA;AAAAA,MAAUC,gBAAAA;AAAAA,MAAkBC,QAAAA;AAAAA,QACtDC,SAAU,EAAA,CAAA;AAEZ,IAAM,MAAA;AAAA,MAAEC,YAAAA;AAAAA,QAAiBC,SAAU,EAAA,CAAA;AAEnC,IAAA,SAASR,OAAU,GAAA;AACjB,MAAMV,MAAAA,QAAAA,GAAUmB,QAAI,KAAK,CAAA,CAAA;AACzB,MAAMZ,MAAAA,QAAAA,GAAUY,QAAS,IAAI,CAAA,CAAA;AAC7B,MAAMb,MAAAA,WAAAA,GAAaa,OAAS,CAAA,EAAE,CAAA,CAAA;AAE9BC,MAAAA,eAAAA,CAAY,MAAM;AAChBd,QAAAA,WAAAA,CAAWe,QAAQ9B,KAAMM,CAAAA,KAAAA,CAAAA;AAAAA,OAC1B,CAAA,CAAA;AAEDyB,MACEA,SAAA,CAAA,MAAM/B,KAAMS,CAAAA,OAAAA,EACXuB,CAAQ,GAAA,KAAA;AACPvB,QAAAA,SAAQqB,KAAQE,GAAAA,GAAAA,CAAAA;AAAAA,OAEpB,CAAA,CAAA;AAEA,MAAA,MAAMf,WAAUA,MAAM;AACpBH,QAAK,IAAA,CAAA,OAAA,EAASC,YAAWe,KAAK,CAAA,CAAA;AAAA,OAChC,CAAA;AAEA,MAAA,MAAMZ,WAAUA,MAAM;;AACpBF,QAAAA,CAAAA,EAAAA,GAAAA,QAAAA,CAAQc,UAARd,IAAeiB,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,WAAAA,EAAAA,CAAAA;AACfnB,QAAAA,IAAAA,CAAK,OAAO,CAAA,CAAA;AAAA,OACd,CAAA;AACA,MAAO,OAAA;AAAA,QACLL,OAAAA,EAAAA,QAAAA;AAAAA,QACAM,UAAAA,EAAAA,WAAAA;AAAAA,QACAC,OAAAA,EAAAA,QAAAA;AAAAA,QACAC,OAAAA,EAAAA,QAAAA;AAAAA,QACAC,OAAAA,EAAAA,QAAAA;AAAAA,OACF,CAAA;AAAA,KACF;AAEA,IAAA,SAASS,SAAY,GAAA;AAInB,MAAA,SAASD,aAAe,GAAA;AACtB,QAAAQ,OAAAA,eAAAA,CAAAC,oBAAA,IAAA,EAAA;AAAA,UAAA9B,OAAAA,EAAAA,MAAA6B,CAAAA,eAAAA,CAAAE,mBAAA,EAAA;AAAA,YAAA,WAGe3B,OAAQqB,CAAAA,KAAAA;AAAAA,YAAK,MAChB,EAAA,SAAA;AAAA,YAAS,OACR,EAAA,OAAA;AAAA,YAAO,SACLb,EAAAA,OAAAA;AAAAA,WAAO,EAAA;AAAA,YAGdZ,SAASA,MAAM,cAAA;AAAA,YACfgC,IAAMA,EAAAA,MAAAH,eAAAI,CAAAA,uBAAAA,EAAA,MAAA,IAAA,CAAA;AAAA,WAAwBJ,CAAAA,EAAAA,eAAAA,CAAAE,mBAAA,EAAA;AAAA,YAAA,YAGhB3B,OAAQqB,CAAAA,KAAAA;AAAAA,YAAK,OAAS,EAAA,OAAA;AAAA,YAAO,SAAWZ,EAAAA,OAAAA;AAAAA,WAAO,EAAA;AAAA,YAE7Db,SAASA,MAAM,cAAA;AAAA,YACfgC,IAAMA,EAAAA,MAAAH,eAAAK,CAAAA,uBAAAA,EAAA,MAAA,IAAA,CAAA;AAAA,WAAwB,CAAA,EAGjChB,gBAAiBO,CAAAA,KAAAA,GAAKI,gBAAAE,mBAAA,EAAA;AAAA,YAAA,SACJd,EAAAA,QAAAA;AAAAA,YAAQ,OAAS,EAAA,OAAA;AAAA,WAAO,EAAA;AAAA,YAErCjB,OAASA,EAAAA,MAAOmB,QAASM,CAAAA,KAAAA,GAAQ,cAAO,GAAA,cAAA;AAAA,YACxCO,IAAAA,EAAMA,MAAAH,eAAAA,CAAAM,4BAAA,EAAA;AAAA,cAAA,QAAA,EACyBhB,QAASM,CAAAA,KAAAA,GAAQ,CAAM,EAAA,GAAA,EAAA;AAAA,eAAE,IAAA,CAAA;AAAA,WACvD,IAGH,IAAI,CAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAGd;AACA,MAAO,OAAA;AAAA,QACLJ,YAAAA,EAAAA,aAAAA;AAAAA,OACF,CAAA;AAAA,KACF;AAEA,IAAA,SAASD,SAAY,GAAA;AAEnB,MAAA,MAAMgB,SAAY,GAAA,EAAA,CAAA;AAElB,MAAA,MAAMC,OAAU,GAAA,CAAA,CAAA;AAEhB,MAAA,MAAMC,UAAa,GAAA,CAAA,CAAA;AAEnB,MAAMtB,MAAAA,WAAAA,GAAaO,QAAI,CAAC,CAAA,CAAA;AAExB,MAAMJ,MAAAA,SAAAA,GAAWI,QAAI,KAAK,CAAA,CAAA;AAE1B,MAAML,MAAAA,iBAAAA,GAAmBK,QAAI,KAAK,CAAA,CAAA;AAElC,MAAMR,MAAAA,OAAAA,GAASQ,QAAS,IAAI,CAAA,CAAA;AAE5BgB,MAAAA,aAAAA,CAAU,MAAM;AACdC,QAAmB,kBAAA,EAAA,CAAA;AAAA,OACpB,CAAA,CAAA;AAED,MAAA,SAASvB,SAAW,GAAA;AAClBE,QAAAA,SAAAA,CAASM,KAAQ,GAAA,CAACN,SAASM,CAAAA,KAAAA,CAAAA;AAC3Be,QAAmB,kBAAA,EAAA,CAAA;AAAA,OACrB;AAKA,MAAA,SAASA,kBAAqB,GAAA;;AAC5B,QAAMC,MAAAA,KAAAA,GAAQ3C,MAAM4C,IAAK3B,CAAAA,CAAAA,EAAAA,GAAAA,CAAAA,EAAAA,GAAAA,QAAOU,KAAPV,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAc4B,GAAd5B,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAmB6B,QAAQ,CAAA,CAAA;AAEpD,QAAMC,MAAAA,QAAAA,GAAWJ,MAAMK,MAAS,GAAA,CAAA,CAAA;AAEhC,QAAA,MAAMC,eAAeF,QAAWR,GAAAA,OAAAA,CAAAA;AAEhC,QAAA,MAAMW,QAAWC,GAAAA,IAAAA,CAAKC,IAAKL,CAAAA,QAAAA,GAAWP,UAAU,CAAA,CAAA;AAEhD,QAAA,MAAMa,cAAcJ,YAAeX,GAAAA,SAAAA,CAAAA;AAEnC,QAAA,MAAMgB,gBAAgBhB,SAAYe,GAAAA,WAAAA,CAAAA;AAGlC,QAAA,IAAIH,WAAW,CAAG,EAAA;AAChB9B,UAAAA,kBAAiBO,KAAQ,GAAA,IAAA,CAAA;AAAA,SACpB,MAAA;AAELT,UAAAA,YAAWS,KAAQ2B,GAAAA,aAAAA,CAAAA;AAAAA,SACrB;AAEA,QAAMC,MAAAA,iBAAAA,GAAoBf,UAAcU,IAAAA,QAAAA,GAAW,CAAK,CAAA,GAAA,CAAA,CAAA;AAExD,QAAA,IAAI9B,kBAAiBO,KAAO,EAAA;AAC1BgB,UAAMa,KAAAA,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAUC,KAAU,KAAA;AACjC,YAAA,IAAIA,SAASH,iBAAmB,EAAA;AAE9BG,cAAUX,KAAAA,KAAAA,QAAAA,GACLU,IAAIE,KAAMC,CAAAA,OAAAA,GAAU,CAACvC,SAASM,CAAAA,KAAAA,GAAQ,SAAS,OAChD,GAAA,IAAA,CAAA;AAAA,aACN;AAAA,WACD,CAAA,CAAA;AAAA,SACH;AAEA,QAAA,IAAIP,kBAAiBO,KAAO,EAAA;AAE1BN,UAAAA,UAASM,KACJT,GAAAA,WAAAA,CAAWS,KAAQ2B,GAAAA,aAAAA,GACnBpC,YAAWS,KAAQY,GAAAA,OAAAA,CAAAA;AAAAA,SAC1B;AAAA,OACF;AAEA,MAAO,OAAA;AAAA,QACLtB,MAAAA,EAAAA,OAAAA;AAAAA,QACAC,UAAAA,EAAAA,WAAAA;AAAAA,QACAC,QAAAA,EAAAA,SAAAA;AAAAA,QACAC,gBAAAA,EAAAA,iBAAAA;AAAAA,QACAC,QAAAA,EAAAA,SAAAA;AAAAA,OACF,CAAA;AAAA,KACF;AAEA,IAAA,OAAO,MAAAU,eAAA8B,CAAAA,YAAAA,EAAA9B,IAAAA,EAAAA,CAAAA,gBAAA+B,iBAAA,EAAA;AAAA,MAAA,KAGIjD,EAAAA,OAAAA;AAAAA,MAAO,OACL,EAAA,KAAA;AAAA,MAAK,UACF,EAAA;AAAA,QAAE8C,KAAO,EAAA;AAAA,UAAEI,OAAOlE,KAAMO,CAAAA,UAAAA;AAAAA,SAAW;AAAA,OAAE;AAAA,MAAC,SACzCQ,UAAWe,CAAAA,KAAAA;AAAAA,KAAK,EAAA;AAAA,MAAAzB,OAAAA,EAAAA,MAAA6B,CAAAA,eAAAA,CAAAiC,gBAAA,EAAA;AAAA,QAAA,KAEb/C,EAAAA,MAAAA;AAAAA,OAAM,EAAA;AAAA,QAAAf,OAAAA,EAAAA,MACbQ,CAAAA,KAAAA,CAAMR,UACLQ,KAAMR,CAAAA,OAAAA,EAAS6B,GAAAA,eAAAA,CAAAkC,wBAAA,EAAA;AAAA,UAAA,UAGLpE,KAAMC,CAAAA,MAAAA;AAAAA,UAAM,SACbc,UAAWe,CAAAA,KAAAA;AAAAA,SAErB,EAAA,IAAA,CAAAI,EAAAA,eAAAA,CAAAmC,gBAAA,EAAA;AAAA,UAAA,QACUhD,UAAWS,CAAAA,KAAAA;AAAAA,UAAK,OAAS,EAAA;AAAA,YAAEwC,SAAW,EAAA,OAAA;AAAA,WAAQ;AAAA,SAAC,EAAA;AAAA,UAAAjE,OAAAA,EAAAA,MAAA6B,CAAAA,eAAAA,CAAAqC,uBAAA,IAAA,EAAA;AAAA,YAAAlE,OAAAA,EAAAA,MAErDQ,CAAAA,KAAAA,CAAM2D,SAAS3D,KAAM2D,CAAAA,MAAAA,EAAW9C,GAAAA,YAAAA,EAAc,CAAA;AAAA,WAAA,CAAA,CAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAM1D,CAAA,CAAA,CAAA,CAAA;AAAA,GACH;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"DQueryForm.cjs","sources":["../../../src/form/DQueryForm.tsx"],"sourcesContent":["import { defineComponent, onMounted, ref, watch, watchEffect } from \"vue\";\nimport { useMagicKeys } from \"@vueuse/core\";\n\nimport { Form, FormItem, Row, Col, Button, Space } from \"ant-design-vue\";\nimport {\n  SearchOutlined,\n  ReloadOutlined,\n  DoubleRightOutlined\n} from \"@ant-design/icons-vue\";\n\nimport DJsonSchemeRender from \"../json-scheme-render/JsonSchemeRender\";\n\n/**\n * 查询表单渲染\n * 展开，隐藏功能\n */\nexport default defineComponent({\n  name: \"DQueryForm\",\n  props: {\n    scheme: {\n      type: [Array, Object] as unknown as () => any[] | Record<string, any>,\n      default: () => []\n    },\n    model: {\n      type: Object as () => Record<string, unknown>,\n      default: () => ({})\n    },\n    labelWidth: {\n      type: String,\n      default: \"90px\"\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: [\"reset\", \"query\"],\n  setup(props, { slots, emit }) {\n    // 表单\n    const { loading, modelValue, formRef, onQuery, onReset } = useForm();\n    // 展开\n    const { rowRef, actionSpan, onExpend, expendBtnVisible, isExpend } =\n      useExpand();\n    //渲染操作列\n    const { renderAction } = useRender();\n\n    function useForm() {\n      const loading = ref(false);\n      const formRef = ref<any>(null);\n      const modelValue = ref<any>({});\n\n      const keys = useMagicKeys();\n      const enterKey = keys[\"enter\"];\n\n      watchEffect(() => {\n        modelValue.value = props.model;\n      });\n\n      watch(\n        () => props.loading,\n        (val) => {\n          loading.value = val;\n        }\n      );\n\n      /// 监听回车事件\n      watch(enterKey, (v) => {\n        if (v) {\n          if (!loading.value) {\n            emit(\"query\", modelValue.value);\n          }\n        }\n      });\n\n      const onQuery = () => {\n        emit(\"query\", modelValue.value);\n      };\n\n      const onReset = () => {\n        formRef.value?.resetFields();\n        emit(\"reset\");\n      };\n      return {\n        loading,\n        modelValue,\n        formRef,\n        onQuery,\n        onReset\n      };\n    }\n\n    function useRender() {\n      /**\n       * 操作按钮渲染\n       */\n      function renderAction() {\n        return (\n          <Space>\n            <Button\n              loading={loading.value}\n              type={\"primary\"}\n              shape={\"round\"}\n              onClick={onQuery}\n            >\n              {{\n                default: () => \"查询\",\n                icon: () => <SearchOutlined />\n              }}\n            </Button>\n            <Button disabled={loading.value} shape={\"round\"} onClick={onReset}>\n              {{\n                default: () => \"重置\",\n                icon: () => <ReloadOutlined />\n              }}\n            </Button>\n            {expendBtnVisible.value ? (\n              <Button onClick={onExpend} shape={\"round\"}>\n                {{\n                  default: () => (isExpend.value ? \"收起\" : \"展开\"),\n                  icon: () => (\n                    <DoubleRightOutlined rotate={isExpend.value ? -90 : 90} />\n                  )\n                }}\n              </Button>\n            ) : null}\n          </Space>\n        );\n      }\n      return {\n        renderAction\n      };\n    }\n\n    function useExpand() {\n      // 为24网格布局\n      const gridCount = 24;\n      // 每列占6个格子\n      const colSpan = 6;\n      // 每行显示4列\n      const colsPerRow = 4;\n      // 操作按钮span\n      const actionSpan = ref(6);\n      // 控制展开或隐藏按钮文本\n      const isExpend = ref(false);\n      // 控制展开按按钮是否显示\n      const expendBtnVisible = ref(false);\n      // 行对象\n      const rowRef = ref<any>(null);\n\n      onMounted(() => {\n        handleShowOrHidden();\n      });\n\n      function onExpend() {\n        isExpend.value = !isExpend.value;\n        handleShowOrHidden();\n      }\n\n      /**\n       *  处理隐藏或显示\n       */\n      function handleShowOrHidden() {\n        const colEl = Array.from(rowRef.value?.$el?.children);\n        // col总条数 减掉操作栏按钮的div个数为1\n        const colElLen = colEl.length - 1;\n        // 已占用的网格数 = col总条数 * 每列占用的网格数\n        const occupiedCols = colElLen * colSpan;\n        // 总行数 =  总div数 / 每行显示的列数\n        const fullRows = Math.ceil(colElLen / colsPerRow);\n        // 最后一行的网格数 = 已占用的网格数 % 24\n        const lastRowCols = occupiedCols % gridCount;\n        // 最后一行剩余的网格数\n        const remainingCols = gridCount - lastRowCols;\n\n        // 网格行大于2才显示展开或隐藏按钮\n        if (fullRows > 2) {\n          expendBtnVisible.value = true;\n        } else {\n          // 如果没有大于两行，操作栏占用剩余的宽度\n          actionSpan.value = remainingCols;\n        }\n        // 最后一行的起始索引\n        const lastRowStartIndex = colsPerRow * (fullRows - 1) - 1;\n        // 只有展开按钮显示时才处理\n        if (expendBtnVisible.value) {\n          colEl.forEach((col: any, index) => {\n            if (index >= lastRowStartIndex) {\n              // 最后一个元素不隐藏 是操作按钮的div\n              index !== colElLen\n                ? (col.style.display = !isExpend.value ? \"none\" : \"block\")\n                : null; // 隐藏元素\n            }\n          });\n        }\n\n        if (expendBtnVisible.value) {\n          // 如果是展开状态 则操作按钮占用剩余的网格数 否则占用6个网格\n          isExpend.value\n            ? (actionSpan.value = remainingCols)\n            : (actionSpan.value = colSpan);\n        }\n      }\n\n      return {\n        rowRef,\n        actionSpan,\n        onExpend,\n        expendBtnVisible,\n        isExpend\n      };\n    }\n\n    return () => (\n      <>\n        <Form\n          ref={formRef}\n          colon={false}\n          labelCol={{ style: { width: props.labelWidth } }}\n          model={modelValue.value}\n        >\n          <Row ref={rowRef}>\n            {slots.default ? (\n              slots.default()\n            ) : (\n              <DJsonSchemeRender\n                layout={props.scheme}\n                value={modelValue.value}\n              />\n            )}\n            <Col span={actionSpan.value} style={{ textAlign: \"right\" }}>\n              <FormItem>\n                {slots.action ? slots.action() : renderAction()}\n              </FormItem>\n            </Col>\n          </Row>\n        </Form>\n      </>\n    );\n  }\n});\n"],"names":["defineComponent","name","props","scheme","type","Array","Object","default","model","labelWidth","String","loading","Boolean","emits","setup","slots","emit","modelValue","formRef","onQuery","onReset","useForm","rowRef","actionSpan","onExpend","expendBtnVisible","isExpend","useExpand","renderAction","useRender","ref","keys","useMagicKeys","enterKey","watchEffect","value","watch","val","v","resetFields","_createVNode","Space","Button","icon","SearchOutlined","ReloadOutlined","DoubleRightOutlined","gridCount","colSpan","colsPerRow","onMounted","handleShowOrHidden","colEl","from","$el","children","colElLen","length","occupiedCols","fullRows","Math","ceil","lastRowCols","remainingCols","lastRowStartIndex","forEach","col","index","style","display","_Fragment","Form","width","Row","DJsonSchemeRender","Col","textAlign","FormItem","action"],"mappings":"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"}

package/dist/esm/form/DQueryForm.mjs

@@ -1,4 +1,5 @@
 import { defineComponent, ref, watchEffect, watch, createVNode, onMounted, Fragment } from 'vue';
+import { useMagicKeys } from '@vueuse/core';
 import { Space, Button, Form, Row, Col, FormItem } from 'ant-design-vue';
 import { SearchOutlined, ReloadOutlined, DoubleRightOutlined } from '@ant-design/icons-vue';
 import JsonSchemeRender from '../json-scheme-render/JsonSchemeRender.mjs';
@@ -49,12 +50,21 @@ var QueryForm = /* @__PURE__ */ defineComponent({
       const loading2 = ref(false);
       const formRef2 = ref(null);
       const modelValue2 = ref({});
+      const keys = useMagicKeys();
+      const enterKey = keys["enter"];
       watchEffect(() => {
         modelValue2.value = props.model;
       });
       watch(() => props.loading, (val) => {
         loading2.value = val;
       });
+      watch(enterKey, (v) => {
+        if (v) {
+          if (!loading2.value) {
+            emit("query", modelValue2.value);
+          }
+        }
+      });
       const onQuery2 = () => {
         emit("query", modelValue2.value);
       };

package/dist/esm/form/DQueryForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DQueryForm.mjs","sources":["../../../src/form/DQueryForm.tsx"],"sourcesContent":["import { defineComponent,  onMounted, ref, watch, watchEffect } from \"vue\";\nimport { Form, FormItem, Row, Col, Button, Space } from \"ant-design-vue\";\nimport {\n  SearchOutlined,\n  ReloadOutlined,\n  DoubleRightOutlined\n} from \"@ant-design/icons-vue\";\n\nimport DJsonSchemeRender from \"../json-scheme-render/JsonSchemeRender\";\n\n/**\n * 查询表单渲染\n * 展开，隐藏功能\n */\nexport default defineComponent({\n  name: \"DQueryForm\",\n  props: {\n    scheme: {\n      type: [Array, Object] as unknown as () => any[] | Record<string, any>,\n      default: () => []\n    },\n    model: {\n      type: Object as () => Record<string, unknown>,\n      default: () => ({})\n    },\n    labelWidth: {\n      type: String,\n      default: \"90px\"\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: [\"reset\", \"query\"],\n  setup(props, { slots, emit }) {\n    // 表单\n    const { loading, modelValue, formRef, onQuery, onReset } = useForm();\n    // 展开\n    const { rowRef, actionSpan, onExpend, expendBtnVisible, isExpend } =\n      useExpand();\n    //渲染操作列\n    const { renderAction } = useRender();\n\n    function useForm() {\n      const loading = ref(false);\n      const formRef = ref<any>(null);\n      const modelValue = ref<any>({});\n\n      watchEffect(() => {\n        modelValue.value = props.model;\n      });\n\n      watch(\n        () => props.loading,\n        (val) => {\n          loading.value = val;\n        }\n      );\n\n      const onQuery = () => {\n        emit(\"query\", modelValue.value);\n      };\n\n      const onReset = () => {\n        formRef.value?.resetFields();\n        emit(\"reset\");\n      };\n      return {\n        loading,\n        modelValue,\n        formRef,\n        onQuery,\n        onReset\n      };\n    }\n\n    function useRender() {\n      /**\n       * 操作按钮渲染\n       */\n      function renderAction() {\n        return (\n          <Space>\n            <Button\n              loading={loading.value}\n              type={\"primary\"}\n              shape={\"round\"}\n              onClick={onQuery}\n            >\n              {{\n                default: () => \"查询\",\n                icon: () => <SearchOutlined />\n              }}\n            </Button>\n            <Button disabled={loading.value} shape={\"round\"} onClick={onReset}>\n              {{\n                default: () => \"重置\",\n                icon: () => <ReloadOutlined />\n              }}\n            </Button>\n            {expendBtnVisible.value ? (\n              <Button onClick={onExpend} shape={\"round\"}>\n                {{\n                  default: () => (isExpend.value ? \"收起\" : \"展开\"),\n                  icon: () => (\n                    <DoubleRightOutlined rotate={isExpend.value ? -90 : 90} />\n                  )\n                }}\n              </Button>\n            ) : null}\n          </Space>\n        );\n      }\n      return {\n        renderAction\n      };\n    }\n\n    function useExpand() {\n      // 为24网格布局\n      const gridCount = 24;\n      // 每列占6个格子\n      const colSpan = 6;\n      // 每行显示4列\n      const colsPerRow = 4;\n      // 操作按钮span\n      const actionSpan = ref(6);\n      // 控制展开或隐藏按钮文本\n      const isExpend = ref(false);\n      // 控制展开按按钮是否显示\n      const expendBtnVisible = ref(false);\n      // 行对象\n      const rowRef = ref<any>(null);\n\n      onMounted(() => {\n        handleShowOrHidden();\n      });\n\n      function onExpend() {\n        isExpend.value = !isExpend.value;\n        handleShowOrHidden();\n      }\n\n      /**\n       *  处理隐藏或显示\n       */\n      function handleShowOrHidden() {\n        const colEl = Array.from(rowRef.value?.$el?.children);\n        // col总条数 减掉操作栏按钮的div个数为1\n        const colElLen = colEl.length - 1;\n        // 已占用的网格数 = col总条数 * 每列占用的网格数\n        const occupiedCols = colElLen * colSpan;\n        // 总行数 =  总div数 / 每行显示的列数\n        const fullRows = Math.ceil(colElLen / colsPerRow);\n        // 最后一行的网格数 = 已占用的网格数 % 24\n        const lastRowCols = occupiedCols % gridCount;\n        // 最后一行剩余的网格数\n        const remainingCols = gridCount - lastRowCols;\n\n        // 网格行大于2才显示展开或隐藏按钮\n        if (fullRows > 2) {\n          expendBtnVisible.value = true;\n        } else {\n          // 如果没有大于两行，操作栏占用剩余的宽度\n          actionSpan.value = remainingCols;\n        }\n        // 最后一行的起始索引\n        const lastRowStartIndex = colsPerRow * (fullRows - 1) - 1;\n        // 只有展开按钮显示时才处理\n        if (expendBtnVisible.value) {\n          colEl.forEach((col: any, index) => {\n            if (index >= lastRowStartIndex) {\n              // 最后一个元素不隐藏 是操作按钮的div\n              index !== colElLen\n                ? (col.style.display = !isExpend.value ? \"none\" : \"block\")\n                : null; // 隐藏元素\n            }\n          });\n        }\n\n        if (expendBtnVisible.value) {\n          // 如果是展开状态 则操作按钮占用剩余的网格数 否则占用6个网格\n          isExpend.value\n            ? (actionSpan.value = remainingCols)\n            : (actionSpan.value = colSpan);\n        }\n      }\n\n      return {\n        rowRef,\n        actionSpan,\n        onExpend,\n        expendBtnVisible,\n        isExpend\n      };\n    }\n\n    return () => (\n      <>\n        <Form\n          ref={formRef}\n          colon={false}\n          labelCol={{ style: { width: props.labelWidth } }}\n          model={modelValue.value}\n        >\n          <Row ref={rowRef}>\n            {slots.default ? (\n              slots.default()\n            ) : (\n              <DJsonSchemeRender\n                layout={props.scheme}\n                value={modelValue.value}\n              />\n            )}\n            <Col span={actionSpan.value} style={{ textAlign: \"right\" }}>\n              <FormItem>\n                {slots.action ? slots.action() : renderAction()}\n              </FormItem>\n            </Col>\n          </Row>\n        </Form>\n      </>\n    );\n  }\n});\n"],"names":["name","props","scheme","type","Array","Object","default","model","labelWidth","String","loading","Boolean","emits","setup","slots","emit","modelValue","formRef","onQuery","onReset","useForm","rowRef","actionSpan","onExpend","expendBtnVisible","isExpend","useExpand","renderAction","useRender","ref","watchEffect","value","watch","val","resetFields","_createVNode","Space","Button","icon","SearchOutlined","ReloadOutlined","DoubleRightOutlined","gridCount","colSpan","colsPerRow","onMounted","handleShowOrHidden","colEl","from","$el","children","colElLen","length","occupiedCols","fullRows","Math","ceil","lastRowCols","remainingCols","lastRowStartIndex","forEach","col","index","style","display","_Fragment","Form","width","Row","DJsonSchemeRender","Col","textAlign","FormItem","action"],"mappings":"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"}
+{"version":3,"file":"DQueryForm.mjs","sources":["../../../src/form/DQueryForm.tsx"],"sourcesContent":["import { defineComponent, onMounted, ref, watch, watchEffect } from \"vue\";\nimport { useMagicKeys } from \"@vueuse/core\";\n\nimport { Form, FormItem, Row, Col, Button, Space } from \"ant-design-vue\";\nimport {\n  SearchOutlined,\n  ReloadOutlined,\n  DoubleRightOutlined\n} from \"@ant-design/icons-vue\";\n\nimport DJsonSchemeRender from \"../json-scheme-render/JsonSchemeRender\";\n\n/**\n * 查询表单渲染\n * 展开，隐藏功能\n */\nexport default defineComponent({\n  name: \"DQueryForm\",\n  props: {\n    scheme: {\n      type: [Array, Object] as unknown as () => any[] | Record<string, any>,\n      default: () => []\n    },\n    model: {\n      type: Object as () => Record<string, unknown>,\n      default: () => ({})\n    },\n    labelWidth: {\n      type: String,\n      default: \"90px\"\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: [\"reset\", \"query\"],\n  setup(props, { slots, emit }) {\n    // 表单\n    const { loading, modelValue, formRef, onQuery, onReset } = useForm();\n    // 展开\n    const { rowRef, actionSpan, onExpend, expendBtnVisible, isExpend } =\n      useExpand();\n    //渲染操作列\n    const { renderAction } = useRender();\n\n    function useForm() {\n      const loading = ref(false);\n      const formRef = ref<any>(null);\n      const modelValue = ref<any>({});\n\n      const keys = useMagicKeys();\n      const enterKey = keys[\"enter\"];\n\n      watchEffect(() => {\n        modelValue.value = props.model;\n      });\n\n      watch(\n        () => props.loading,\n        (val) => {\n          loading.value = val;\n        }\n      );\n\n      /// 监听回车事件\n      watch(enterKey, (v) => {\n        if (v) {\n          if (!loading.value) {\n            emit(\"query\", modelValue.value);\n          }\n        }\n      });\n\n      const onQuery = () => {\n        emit(\"query\", modelValue.value);\n      };\n\n      const onReset = () => {\n        formRef.value?.resetFields();\n        emit(\"reset\");\n      };\n      return {\n        loading,\n        modelValue,\n        formRef,\n        onQuery,\n        onReset\n      };\n    }\n\n    function useRender() {\n      /**\n       * 操作按钮渲染\n       */\n      function renderAction() {\n        return (\n          <Space>\n            <Button\n              loading={loading.value}\n              type={\"primary\"}\n              shape={\"round\"}\n              onClick={onQuery}\n            >\n              {{\n                default: () => \"查询\",\n                icon: () => <SearchOutlined />\n              }}\n            </Button>\n            <Button disabled={loading.value} shape={\"round\"} onClick={onReset}>\n              {{\n                default: () => \"重置\",\n                icon: () => <ReloadOutlined />\n              }}\n            </Button>\n            {expendBtnVisible.value ? (\n              <Button onClick={onExpend} shape={\"round\"}>\n                {{\n                  default: () => (isExpend.value ? \"收起\" : \"展开\"),\n                  icon: () => (\n                    <DoubleRightOutlined rotate={isExpend.value ? -90 : 90} />\n                  )\n                }}\n              </Button>\n            ) : null}\n          </Space>\n        );\n      }\n      return {\n        renderAction\n      };\n    }\n\n    function useExpand() {\n      // 为24网格布局\n      const gridCount = 24;\n      // 每列占6个格子\n      const colSpan = 6;\n      // 每行显示4列\n      const colsPerRow = 4;\n      // 操作按钮span\n      const actionSpan = ref(6);\n      // 控制展开或隐藏按钮文本\n      const isExpend = ref(false);\n      // 控制展开按按钮是否显示\n      const expendBtnVisible = ref(false);\n      // 行对象\n      const rowRef = ref<any>(null);\n\n      onMounted(() => {\n        handleShowOrHidden();\n      });\n\n      function onExpend() {\n        isExpend.value = !isExpend.value;\n        handleShowOrHidden();\n      }\n\n      /**\n       *  处理隐藏或显示\n       */\n      function handleShowOrHidden() {\n        const colEl = Array.from(rowRef.value?.$el?.children);\n        // col总条数 减掉操作栏按钮的div个数为1\n        const colElLen = colEl.length - 1;\n        // 已占用的网格数 = col总条数 * 每列占用的网格数\n        const occupiedCols = colElLen * colSpan;\n        // 总行数 =  总div数 / 每行显示的列数\n        const fullRows = Math.ceil(colElLen / colsPerRow);\n        // 最后一行的网格数 = 已占用的网格数 % 24\n        const lastRowCols = occupiedCols % gridCount;\n        // 最后一行剩余的网格数\n        const remainingCols = gridCount - lastRowCols;\n\n        // 网格行大于2才显示展开或隐藏按钮\n        if (fullRows > 2) {\n          expendBtnVisible.value = true;\n        } else {\n          // 如果没有大于两行，操作栏占用剩余的宽度\n          actionSpan.value = remainingCols;\n        }\n        // 最后一行的起始索引\n        const lastRowStartIndex = colsPerRow * (fullRows - 1) - 1;\n        // 只有展开按钮显示时才处理\n        if (expendBtnVisible.value) {\n          colEl.forEach((col: any, index) => {\n            if (index >= lastRowStartIndex) {\n              // 最后一个元素不隐藏 是操作按钮的div\n              index !== colElLen\n                ? (col.style.display = !isExpend.value ? \"none\" : \"block\")\n                : null; // 隐藏元素\n            }\n          });\n        }\n\n        if (expendBtnVisible.value) {\n          // 如果是展开状态 则操作按钮占用剩余的网格数 否则占用6个网格\n          isExpend.value\n            ? (actionSpan.value = remainingCols)\n            : (actionSpan.value = colSpan);\n        }\n      }\n\n      return {\n        rowRef,\n        actionSpan,\n        onExpend,\n        expendBtnVisible,\n        isExpend\n      };\n    }\n\n    return () => (\n      <>\n        <Form\n          ref={formRef}\n          colon={false}\n          labelCol={{ style: { width: props.labelWidth } }}\n          model={modelValue.value}\n        >\n          <Row ref={rowRef}>\n            {slots.default ? (\n              slots.default()\n            ) : (\n              <DJsonSchemeRender\n                layout={props.scheme}\n                value={modelValue.value}\n              />\n            )}\n            <Col span={actionSpan.value} style={{ textAlign: \"right\" }}>\n              <FormItem>\n                {slots.action ? slots.action() : renderAction()}\n              </FormItem>\n            </Col>\n          </Row>\n        </Form>\n      </>\n    );\n  }\n});\n"],"names":["name","props","scheme","type","Array","Object","default","model","labelWidth","String","loading","Boolean","emits","setup","slots","emit","modelValue","formRef","onQuery","onReset","useForm","rowRef","actionSpan","onExpend","expendBtnVisible","isExpend","useExpand","renderAction","useRender","ref","keys","useMagicKeys","enterKey","watchEffect","value","watch","val","v","resetFields","_createVNode","Space","Button","icon","SearchOutlined","ReloadOutlined","DoubleRightOutlined","gridCount","colSpan","colsPerRow","onMounted","handleShowOrHidden","colEl","from","$el","children","colElLen","length","occupiedCols","fullRows","Math","ceil","lastRowCols","remainingCols","lastRowStartIndex","forEach","col","index","style","display","_Fragment","Form","width","Row","DJsonSchemeRender","Col","textAlign","FormItem","action"],"mappings":"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"}

package/example/src/components/AppMain.vue

@@ -0,0 +1,87 @@
+<script setup lang="ts">
+import { UserOutlined } from "@ant-design/icons-vue";
+import { DMainLayout } from "../../../src";
+import { useMenuStore } from "../../../../store";
+
+const MenuList = [
+  {
+    title: "Table",
+    url: "/table",
+    icon: "icon-a-icon-Waybillinformation",
+    children: [
+      {
+        title: "表格demo",
+        url: "/table"
+      },
+      {
+        title: "表格ADD",
+        url: "/table/add",
+        children: [
+          {
+            title: "表格demo Add",
+            url: "/table/add/demo"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    title: "Form",
+    url: "/form/add",
+    icon: "icon-a-icon-documentsattached",
+    children: [
+      {
+        title: "表单demo",
+        url: "/form/add"
+      }
+    ]
+  },
+  {
+    title: "Form",
+    url: "/form",
+    icon: "icon-a-icon-documentsattached"
+  }
+];
+const store = useMenuStore();
+store.save(MenuList);
+
+</script>
+<script lang="ts">
+export default {
+  name: "AppMain"
+};
+</script>
+<template>
+  <DMainLayout>
+    <template #logo>
+      <div class="app-logo">dsfdsf</div>
+    </template>
+    <template #operation>
+      <div class="ditari-operation-items">
+        <a-dropdown>
+          <a class="ant-dropdown-link" @click.prevent>
+            <a-avatar :size="30">
+              <template #icon><UserOutlined /></template>
+            </a-avatar>
+            云南大通汇国际电子商务有限公司
+          </a>
+          <template #overlay>
+            <a-menu>
+              <a-menu-item>
+                <a href="javascript:;">企业信息</a>
+              </a-menu-item>
+              <a-menu-item>
+                <a href="javascript:;">系统介绍</a>
+              </a-menu-item>
+              <a-menu-item>
+                <a href="javascript:;">退出</a>
+              </a-menu-item>
+            </a-menu>
+          </template>
+        </a-dropdown>
+      </div>
+    </template>
+    <template #micro> </template>
+  </DMainLayout>
+</template>
+<style scoped></style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.1.24",
+  "version": "1.1.25",
   "description": "",
   "keywords": [],
   "author": "",

package/src/form/DQueryForm.tsx

@@ -1,4 +1,6 @@
-import { defineComponent,  onMounted, ref, watch, watchEffect } from "vue";
+import { defineComponent, onMounted, ref, watch, watchEffect } from "vue";
+import { useMagicKeys } from "@vueuse/core";
+
 import { Form, FormItem, Row, Col, Button, Space } from "ant-design-vue";
 import {
   SearchOutlined,
@@ -47,6 +49,9 @@ export default defineComponent({
       const formRef = ref<any>(null);
       const modelValue = ref<any>({});
 
+      const keys = useMagicKeys();
+      const enterKey = keys["enter"];
+
       watchEffect(() => {
         modelValue.value = props.model;
       });
@@ -58,6 +63,15 @@ export default defineComponent({
         }
       );
 
+      /// 监听回车事件
+      watch(enterKey, (v) => {
+        if (v) {
+          if (!loading.value) {
+            emit("query", modelValue.value);
+          }
+        }
+      });
+
       const onQuery = () => {
         emit("query", modelValue.value);
       };