@ditari/bsui 1.1.24 → 1.1.26

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ditari/bsui
 
+## 1.1.26
+
+### Patch Changes
+
+- 1. 在缓存页面，监听回车事件的时候，修复重复重发的 bug
+
+## 1.1.25
+
+### Patch Changes
+
+- 1. 表单容器组件添加回车发送查询事件
+
 ## 1.1.24
 
 ### Patch Changes

package/dist/cjs/form/DQueryForm.cjs

@@ -3,8 +3,11 @@
 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 store = require('@ditari/store');
+var vueRouter = require('vue-router');
 var JsonSchemeRender = require('../json-scheme-render/JsonSchemeRender.cjs');
 
 var QueryForm = /* @__PURE__ */ vue.defineComponent({
@@ -32,6 +35,8 @@ var QueryForm = /* @__PURE__ */ vue.defineComponent({
     slots,
     emit
   }) {
+    const keepStore = store.useKeepAliveStore();
+    const route = vueRouter.useRoute();
     const {
       loading,
       modelValue,
@@ -53,12 +58,22 @@ 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) {
+          const isActive = keepStore.list.some((name) => name === route.name);
+          if (!loading2.value && isActive) {
+            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":"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"}
+{"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\";\nimport { useKeepAliveStore } from \"@ditari/store\";\nimport { useRoute } from \"vue-router\";\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    const keepStore = useKeepAliveStore();\n    const route = useRoute();\n\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          // 有路由名字会被keepalive进行缓存\n          // 用于判断当前页面是否被激活 因为页面被缓存的时候，页面切换后，回车事件依然会触发\n          const isActive = keepStore.list.some((name) => name === route.name);\n          if (!loading.value && isActive) {\n            emit(\"query\", modelValue.value);\n          }\n          // TODO 逻辑有问题\n          // if (!route.name) {\n          //   // 没有路由名字，不会被缓存\n          //   if (!loading.value) {\n          //     emit(\"query\", modelValue.value);\n          //   }\n          // } else {\n          //\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\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","keepStore","useKeepAliveStore","route","useRoute","modelValue","formRef","onQuery","onReset","useForm","rowRef","actionSpan","onExpend","expendBtnVisible","isExpend","useExpand","renderAction","useRender","ref","keys","useMagicKeys","enterKey","watchEffect","value","watch","val","v","isActive","list","some","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,6 +1,9 @@
 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 { useKeepAliveStore } from '@ditari/store';
+import { useRoute } from 'vue-router';
 import JsonSchemeRender from '../json-scheme-render/JsonSchemeRender.mjs';
 
 var QueryForm = /* @__PURE__ */ defineComponent({
@@ -28,6 +31,8 @@ var QueryForm = /* @__PURE__ */ defineComponent({
     slots,
     emit
   }) {
+    const keepStore = useKeepAliveStore();
+    const route = useRoute();
     const {
       loading,
       modelValue,
@@ -49,12 +54,22 @@ 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) {
+          const isActive = keepStore.list.some((name) => name === route.name);
+          if (!loading2.value && isActive) {
+            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\";\nimport { useKeepAliveStore } from \"@ditari/store\";\nimport { useRoute } from \"vue-router\";\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    const keepStore = useKeepAliveStore();\n    const route = useRoute();\n\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          // 有路由名字会被keepalive进行缓存\n          // 用于判断当前页面是否被激活 因为页面被缓存的时候，页面切换后，回车事件依然会触发\n          const isActive = keepStore.list.some((name) => name === route.name);\n          if (!loading.value && isActive) {\n            emit(\"query\", modelValue.value);\n          }\n          // TODO 逻辑有问题\n          // if (!route.name) {\n          //   // 没有路由名字，不会被缓存\n          //   if (!loading.value) {\n          //     emit(\"query\", modelValue.value);\n          //   }\n          // } else {\n          //\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\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","keepStore","useKeepAliveStore","route","useRoute","modelValue","formRef","onQuery","onReset","useForm","rowRef","actionSpan","onExpend","expendBtnVisible","isExpend","useExpand","renderAction","useRender","ref","keys","useMagicKeys","enterKey","watchEffect","value","watch","val","v","isActive","list","some","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,90 @@
+<script setup lang="ts">
+import { UserOutlined } from "@ant-design/icons-vue";
+import { Main as DMainLayout } from "../../../src/components";
+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);
+
+const showConfig = {
+  backBtn: "BackBtn"
+};
+</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/example/src/main.ts

@@ -10,6 +10,6 @@ const app = createApp(App);
 // 注册共用组件
 app.use(Antd);
 app.use(router);
-app.use(ui, { menuIcon: { componentName: "IconFont", prop: "type" } } as any);
+app.use(ui, { menuIcon: { componentName: "nativeHtml", prop: "type" } } as any);
 
 app.mount("#app");

package/example/src/router/form/index.route.ts

@@ -0,0 +1,31 @@
+import { RouteRecordRaw } from "vue-router";
+
+const route: RouteRecordRaw[] = [
+  {
+    path: "/form",
+    redirect: "/form",
+    meta: {
+      title: "表单"
+    },
+    children: [
+      {
+        path: "",
+        component: () => import("../../views/form/List.vue"),
+        meta: {
+          title: "表单",
+          keepOpen: true
+        }
+      },
+      {
+        path: "dyn/demo",
+        component: () => import("../../views/form/dyn/List.vue"),
+        meta: {
+          title: "动态表单",
+          keepOpen: true
+        }
+      }
+    ]
+  }
+];
+
+export default route;

package/example/src/router/index.ts

@@ -1,31 +1,61 @@
-import { createRouter, createWebHistory } from "vue-router";
+import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
+import AppMain from "../components/AppMain.vue";
+import { useDitariRoute } from "../../../../hooks";
+import { useUserStore } from "../../../../store";
 
+const STATIC_ROUTE: RouteRecordRaw[] = [
+  {
+    path: "/login",
+    component: () => import("../views/Login.vue")
+  },
+  {
+    path: "/demo",
+    component: () => import("../views/Demo.vue")
+  }
+];
 const router = createRouter({
-  history: createWebHistory(),
-  routes: [
-    {
-      path: "/form",
-      meta: {
-        title: "表单demo"
-      },
-      children: [
-        {
-          path: "query-demo",
-          component: () => import("../views/form/QueryFormDemo.vue"),
-          meta: {
-            title: "表单查询条件demo"
-          }
-        }
-      ]
-    },
-    {
-      path: "/table",
-      component: () => import("../views/table/List.vue"),
-      meta: {
-        title: "表单查询条件demo"
-      }
+  history: createWebHistory(import.meta.env.VITE_APP_BASE_URL || ""),
+  routes: [...STATIC_ROUTE]
+});
+
+// 面包屑匹配方法
+let setMatchedFn: any = null;
+
+// 路由守卫
+// eslint-disable-next-line complexity
+router.beforeEach(async (to, from) => {
+  const { getToken } = useUserStore();
+  if (router.getRoutes().length <= 2) {
+    // 路由长度小于2的时候，需要动态注册路由，说明资源文件被强制加载了
+    const { getRoutes, setMatched } = useDitariRoute();
+    const routes = await getRoutes(import.meta.glob("./**/*.route.{ts,js}"));
+    router.addRoute({
+      path: "/",
+      component: AppMain,
+      children: routes
+    });
+    setMatchedFn = setMatched;
+    // 必须传query和param 否则，强制刷新的时候会丢失参数
+    return { replace: true, path: to.path, query: to.query, params: to.params };
+  }
+  const isLoginPage = to.path.indexOf("login") === -1;
+  // 没有token
+  if (!getToken) {
+    //访问的不是登录页面
+    // if (isLoginPage) {
+    //   return {
+    //     path: "/login",
+    //     replace: true,
+    //     query: { redirect: from.fullPath }
+    //   };
+    // }
+  } else {
+    if (!isLoginPage) {
+      // 如果登录了且访问的是登录页则跳转到首页
+      return "/";
     }
-  ]
+  }
+  setMatchedFn && setMatchedFn(to, from);
 });
 
 export default router;

package/example/src/router/table/index.route.ts

@@ -0,0 +1,39 @@
+import { RouteRecordRaw } from "vue-router";
+
+const route: RouteRecordRaw[] = [
+  {
+    path: "/table",
+    redirect: "/table",
+    meta: {
+      title: "列表2（层级模式）"
+    },
+    children: [
+      {
+        path: "",
+        name: "TableList",
+        component: () => import("../../views/table/List.vue"),
+        meta: {
+          title: "列表2（层级模式）"
+        }
+      },
+      {
+        path: "add",
+        name: "Add",
+        component: () => import("../../views/table/Add.vue"),
+        meta: {
+          title: "新增"
+        }
+      },
+      {
+        path: "edit",
+        name: "Edit",
+        component: () => import("../../views/table/Edit.vue"),
+        meta: {
+          title: "编辑"
+        }
+      }
+    ]
+  }
+];
+
+export default route;

package/example/src/views/Demo.vue

@@ -1,10 +1,49 @@
-<script setup lang="ts"></script>
-<script lang="ts">
-export default {
-  name: "Demo"
-};
-</script>
 <template>
-  <div></div>
+  <a-row>
+    <a-col
+      v-for="(item, index) in cols"
+      :key="index"
+      :span="6"
+      :class="{ hidden: shouldHide(index) }"
+    >
+      {{ item }}
+    </a-col>
+    <a-col :span="buttonColSpan">
+      <a-button @click="toggleVisibility">{{ buttonText }}</a-button>
+    </a-col>
+  </a-row>
 </template>
-<style scoped></style>
+
+<script setup>
+import { ref, computed } from "vue";
+
+const cols = ref(Array.from({ length: 20 }).map((_, index) => index + 1));
+const maxVisibleRows = 2;
+const colsPerRow = 4;
+const buttonColSpan = computed(
+  () => colsPerRow - (cols.value.length % colsPerRow)
+);
+
+function shouldHide(index) {
+  const totalVisibleCols = maxVisibleRows * colsPerRow;
+  return cols.value.length > totalVisibleCols && index >= totalVisibleCols;
+}
+
+function toggleVisibility() {
+  if (cols.value.length > maxVisibleRows * colsPerRow) {
+    cols.value = cols.value.slice(0, maxVisibleRows * colsPerRow);
+  } else {
+    cols.value = cols.value.concat(Array.from({ length: colsPerRow }));
+  }
+}
+
+const buttonText = computed(() =>
+  cols.value.length > maxVisibleRows * colsPerRow ? "显示" : "隐藏"
+);
+</script>
+
+<style>
+.hidden {
+  display: none;
+}
+</style>

package/example/src/views/DemoBk.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { ref, h } from "vue";
+
+import { confirm } from "../utils/confirm/confirm";
+
+import DModal from "../components/Modal.vue";
+import AddForm from "../components/AddForm.vue";
+
+const formRef = ref();
+
+confirm({
+  wrapper: DModal,
+  content: () => h(AddForm, { ref: formRef }),
+  async onOk() {
+    formRef.value?.validate();
+    try {
+      return await new Promise((resolve, reject) => {
+        setTimeout(Math.random() > 0.5 ? resolve : reject, 3000);
+      });
+    } catch {
+      return console.log("Oops errors!");
+    }
+  }
+});
+</script>
+<script lang="ts">
+export default {
+  name: "Demo"
+};
+</script>
+<template>
+  <div></div>
+</template>
+<style scoped></style>

package/example/src/views/Login.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+/**
+ * 登录
+ */
+</script>
+<template>
+  <div class="login-main">
+    <div class="login-box">
+      <a-form>
+        <a-form-item>
+          <a-input placeholder="请输入账号" />
+        </a-form-item>
+        <a-form-item>
+          <a-input type="password" placeholder="请输入密码" />
+        </a-form-item>
+        <a-form-item>
+          <a-button type="primary" block>登录</a-button>
+        </a-form-item>
+      </a-form>
+    </div>
+  </div>
+</template>
+<style lang="scss">
+.login-main {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  .login-box {
+    width: 400px;
+    height: 400px;
+    padding: 20px;
+    background-color: #fff;
+    &:after {
+      content: "";
+    }
+  }
+}
+</style>

package/example/src/views/form/List.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+
+
+</script>
+<template>
+  <div>
+    <dy-com />
+  </div>
+</template>