@ditari/bsui 5.1.6 → 5.1.9

package/dist/cjs/components/dic/DicReplace.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var vueRouter = require('vue-router');
+var pinia = require('pinia');
 var store = require('@ditari/store');
 
 "use strict";
@@ -37,22 +38,24 @@ var DicReplace = /* @__PURE__ */ vue.defineComponent({
     },
     // 值
     value: {
-      type: String || Number,
+      type: [String, Number],
       default: ""
     }
   },
   setup(props) {
     const {
-      get: keepNames
-    } = store.useKeepAliveStore();
+      list
+    } = pinia.storeToRefs(store.useNavTabStore());
     const {
       getDicTextByValue
     } = store.useDicStore();
     const route = vueRouter.useRoute();
-    const isKeepAlive = keepNames.some((name) => name === route.name);
+    const isKeepAlive = list.value.some((item) => {
+      var _a;
+      return item.fullPath === route.fullPath && ((_a = item.meta) == null ? void 0 : _a.keepAlive);
+    });
     const dicValueTxt = vue.ref("");
-    const fetchDic = vue.inject("fetchDic", (name) => __async(null, null, function* () {
-      console.warn(`fetchDic \u672A\u6CE8\u5165\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u5B9E\u73B0\uFF0Cname: ${name}`);
+    const fetchDic = vue.inject("fetchDic", (_name) => __async(null, null, function* () {
       return [];
     }));
     vue.onActivated(() => __async(null, null, function* () {

package/dist/cjs/components/dic/DicReplace.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DicReplace.cjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\n * 字典替换\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\n * @author 余春林\n */\nimport {\n  defineComponent,\n  inject,\n  onActivated,\n  onMounted,\n  ref,\n  watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\n\nimport {\n  useDicStore,\n  useKeepAliveStore\n} from \"@ditari/store\";\n\nexport default defineComponent({\n  name: \"DicRep\",\n  props: {\n    // 字典名称\n    name: {\n      type: String,\n      default: \"\"\n    },\n    // 值\n    value: {\n      type: String || Number,\n      default: \"\"\n    }\n  },\n  setup(props) {\n    const { get: keepNames } = useKeepAliveStore();\n    const { getDicTextByValue } = useDicStore();\n    const route = useRoute();\n    // 判断使用组件的页面是否被缓存\n    const isKeepAlive = keepNames.some(\n      (name: string) => name === route.name\n    );\n    const dicValueTxt = ref<string>(\"\");\n\n    // 注入 fetchDic，提供默认值\n    const fetchDic = inject<\n      (name: string) => Promise<unknown[]>\n    >(\"fetchDic\", async (name: string) => {\n      console.warn(\n        `fetchDic 未注入，使用默认实现，name: ${name}`\n      );\n      return [];\n    });\n\n    onActivated(async () => {\n      // 缓存页面被激活的时候调用\n      await loadDicData();\n    });\n\n    onMounted(async () => {\n      if (!isKeepAlive) {\n        // 未缓存页面 挂载的时候调用\n        await loadDicData();\n      }\n    });\n\n    // 请求字典数据的函数\n    async function loadDicData() {\n      try {\n        // 调用注入进来的fetchDic方法\n        await fetchDic(props.name);\n        replace(props.value);\n      } catch (error) {\n        console.error(\"获取字典数据失败:\", error);\n      }\n    }\n\n    loadDicData().then(() =>\n      console.log(\"success load dic\")\n    );\n\n    watch(\n      () => props.value,\n      (val: string) => {\n        replace(val);\n      },\n      {\n        immediate: true\n      }\n    );\n\n    function replace(val: string) {\n      const value = val;\n      const name = props.name;\n      dicValueTxt.value = getDicTextByValue(\n        name,\n        value?.toString()\n      );\n    }\n\n    return () => (\n      <span class={\"d-dic\"}>{dicValueTxt.value}</span>\n    );\n  }\n});\n"],"names":["name","props","type","String","default","value","Number","setup","get","keepNames","useKeepAliveStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","dicValueTxt","ref","fetchDic","inject","console","warn","onActivated","loadDicData","onMounted","replace","error","then","log","watch","val","immediate","toString","_createVNode"],"mappings":"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"}
+{"version":3,"file":"DicReplace.cjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\n * 字典替换\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\n * @author 余春林\n */\nimport {\n  defineComponent,\n  inject,\n  onActivated,\n  onMounted,\n  ref,\n  watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport { storeToRefs } from \"pinia\";\n\nimport { useDicStore, useNavTabStore } from \"@ditari/store\";\n\nexport default defineComponent({\n  name: \"DicRep\",\n  props: {\n    // 字典名称\n    name: {\n      type: String,\n      default: \"\"\n    },\n    // 值\n    value: {\n      type: [String, Number],\n      default: \"\"\n    }\n  },\n  setup(props) {\n    const { list } = storeToRefs(useNavTabStore());\n    const { getDicTextByValue } = useDicStore();\n    const route = useRoute();\n    // 判断使用组件的页面是否被缓存\n    const isKeepAlive = list.value.some(\n      item =>\n        item.fullPath === route.fullPath &&\n        item.meta?.keepAlive\n    );\n    const dicValueTxt = ref<string>(\"\");\n\n    // 注入 fetchDic，提供默认值\n    const fetchDic = inject<\n      (name: string) => Promise<unknown[]>\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    >(\"fetchDic\", async (_name: string) => {\n      // console.warn(\n      //   `fetchDic 未注入，使用默认实现，name: ${name}`\n      // );\n      return [];\n    });\n\n    onActivated(async () => {\n      // 缓存页面被激活的时候调用\n      await loadDicData();\n    });\n\n    onMounted(async () => {\n      if (!isKeepAlive) {\n        // 未缓存页面 挂载的时候调用\n        await loadDicData();\n      }\n    });\n\n    // 请求字典数据的函数\n    async function loadDicData() {\n      try {\n        // 调用注入进来的fetchDic方法\n        await fetchDic(props.name);\n        replace(props.value);\n      } catch (error) {\n        console.error(\"获取字典数据失败:\", error);\n      }\n    }\n\n    loadDicData().then(() =>\n      console.log(\"success load dic\")\n    );\n\n    watch(\n      () => props.value,\n      (val: string | number) => {\n        replace(val);\n      },\n      {\n        immediate: true\n      }\n    );\n\n    function replace(val: string | number) {\n      const value = val;\n      const name = props.name;\n      dicValueTxt.value = getDicTextByValue(\n        name,\n        value?.toString()\n      );\n    }\n\n    return () => (\n      <span class={\"d-dic\"}>{dicValueTxt.value}</span>\n    );\n  }\n});\n"],"names":["name","props","type","String","default","value","Number","setup","list","storeToRefs","useNavTabStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","item","fullPath","meta","keepAlive","dicValueTxt","ref","fetchDic","inject","_name","onActivated","loadDicData","onMounted","replace","error","console","then","log","watch","val","immediate","toString","_createVNode"],"mappings":"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"}

package/dist/cjs/components/select/Select.vue2.cjs

@@ -85,7 +85,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             loadingStatus.value = true;
             yield fetchDic(props.name);
             dicData = [...getDicByKey(props.name)];
-            data2.value = dicData;
+            data2.value = dicData.filter((item) => {
+              return props.include.some(
+                (i) => i === item.value
+              );
+            });
           } catch (error) {
             console.error("\u83B7\u53D6\u5B57\u5178\u6570\u636E\u5931\u8D25:", error);
           }
@@ -148,19 +152,34 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_a_select = vue.resolveComponent("a-select");
-      return vue.openBlock(), vue.createBlock(_component_a_select, {
-        value: vue.unref(modelValue),
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
-        style: { "width": "100%" },
-        "allow-clear": "",
-        "show-search": "",
-        options: vue.unref(data),
-        placeholder: __props.placeholder,
-        disabled: __props.disabled,
-        "filter-option": onFilterOption,
-        onSelect: vue.unref(onSelect),
-        onChange: vue.unref(onChange)
-      }, null, 8, ["value", "options", "placeholder", "disabled", "onSelect", "onChange"]);
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createElementVNode(
+            "div",
+            null,
+            vue.toDisplayString(vue.unref(data)),
+            1
+            /* TEXT */
+          ),
+          vue.createVNode(_component_a_select, {
+            value: vue.unref(modelValue),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+            style: { "width": "100%" },
+            "allow-clear": "",
+            "show-search": "",
+            options: vue.unref(data),
+            placeholder: __props.placeholder,
+            disabled: __props.disabled,
+            "filter-option": onFilterOption,
+            onSelect: vue.unref(onSelect),
+            onChange: vue.unref(onChange)
+          }, null, 8, ["value", "options", "placeholder", "disabled", "onSelect", "onChange"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
     };
   }
 });

package/dist/cjs/components/select/Select.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.vue2.cjs","sources":["../../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  inject,\n  onActivated,\n  onMounted,\n  ref,\n  watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\n\nimport {\n  useDicStore,\n  useKeepAliveStore\n} from \"@ditari/store\";\n\ninterface DicItem {\n  value: string | number;\n  label: string;\n}\n\nconst props = defineProps({\n  value: { required: true, default: undefined },\n  name: { type: String, required: true, default: \"\" },\n  disabled: { type: Boolean, required: false, default: false },\n  placeholder: { type: String, required: false, default: \"请填写默认占位符啊！\" },\n  include: { type: Array, required: false, default: () => [] }\n});\n\nconst emits = defineEmits([\"update:value\", \"change\", \"select\"]);\n\nconst { getDicByKey } = useDicStore();\nconst { get: keepNames } = useKeepAliveStore();\n\nconst { modelValue, data, onSelect, onChange } =\n  useSelect();\n\nfunction useSelect() {\n  const route = useRoute();\n  const loadingStatus = ref(false);\n  // 判断使用组件的页面是否被缓存\n  const isKeepAlive = keepNames.some(\n    (name: string) => name === route.name\n  );\n  // 注入 fetchDic，提供默认值\n  const fetchDic = inject<\n    (name: string) => Promise<unknown[]>\n  >(\"fetchDic\", async (name: string) => {\n    console.warn(\n      `fetchDic 未注入，使用默认实现，name: ${name}`\n    );\n    return [];\n  });\n\n  // 字典数据\n  let dicData: DicItem[] = [...getDicByKey(props.name)];\n  const data = ref<DicItem[]>(dicData);\n\n  // 取值\n  const modelValue = ref<string | number | undefined>(\n    props.value\n  );\n\n  onActivated(() => {\n    // 缓存页面被激活的时候调用\n    loadDicData();\n  });\n\n  onMounted(() => {\n    if (!isKeepAlive) {\n      // 未缓存页面 挂载的时候调用\n      loadDicData();\n    }\n  });\n\n  // 监听value值的变化\n  watch(\n    () => props.value,\n    val => {\n      modelValue.value = val;\n    }\n  );\n\n  setTimeout(() => {\n    if (!loadingStatus.value) {\n      loadDicData();\n    }\n  }, 1000);\n\n  // 请求字典数据的函数\n  async function loadDicData() {\n    try {\n      loadingStatus.value = true;\n      // 调用注入进来的fetchDic方法\n      await fetchDic(props.name);\n      dicData = [...getDicByKey(props.name)];\n      data.value = dicData;\n    } catch (error) {\n      console.error(\"获取字典数据失败:\", error);\n    }\n  }\n\n  // 监听用户搜索事件\n  const onSearch = (keywords: string) => {\n    sendWorkerSearch(keywords);\n  };\n\n  // 发送搜索到webworker\n  function sendWorkerSearch(keywords: string) {\n    keywords = keywords ?? \"\";\n    data.value = dicData\n      .filter((item: DicItem) => {\n        return (\n          item.value\n            .toString()\n            .toLowerCase()\n            .indexOf(keywords.toLowerCase()) !== -1 ||\n          item.label\n            .toLowerCase()\n            .includes(keywords.toLowerCase())\n        );\n      })\n      .slice(0, 10);\n    if (data.value.length === 0) {\n      data.value = [...dicData].slice(0, 10);\n    }\n  }\n\n  // 监听下拉选择事件\n  const onSelect = (value: string | number) => {\n    // 发射选择的数据\n    emits(\"update:value\", value);\n    // 处理下拉后返回数据的\n    onSelectHandler();\n  };\n\n  // 监听数据改变\n  const onChange = () => {\n    emits(\"update:value\", modelValue.value);\n    emits(\"change\", modelValue.value);\n  };\n\n  /**\n   * 根据当前选中的value匹配对应的整条数据\n   * 然后返回给父组件\n   */\n  function onSelectHandler() {\n    const dicList = getDicByKey(props.name);\n    const rs = dicList.find(\n      (obj: DicItem) => obj.value === modelValue.value\n    );\n    emits(\"select\", rs);\n  }\n\n  watch(\n    () => props.include,\n    (val: Array<string | number>) => {\n      if (val.length > 0) {\n        // 只过滤出来include包含的数据\n        data.value = dicData.filter((item: DicItem) => {\n          return val.some(\n            (i: string | number) => i === item.value\n          );\n        });\n      } else {\n        data.value = dicData;\n      }\n    },\n    {\n      immediate: true\n    }\n  );\n\n  return {\n    data,\n    modelValue,\n    onSearch,\n    onSelect,\n    onChange\n  };\n}\n\n/**\n * 过滤筛选\n * @param inputValue\n * @param options\n */\nconst onFilterOption = (\n  inputValue: string,\n  options: DicItem\n) => {\n  return (\n    options.value\n      .toString()\n      .toLowerCase()\n      .indexOf(inputValue.toLowerCase()) !== -1 ||\n    options.label\n      .toLowerCase()\n      .includes(inputValue.toLowerCase())\n  );\n};\n</script>\n\n<template>\n  <a-select\n    v-model:value=\"modelValue\"\n    style=\"width: 100%\"\n    allow-clear\n    show-search\n    :options=\"data\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :filter-option=\"onFilterOption\"\n    @select=\"onSelect\"\n    @change=\"onChange\"\n  >\n  </a-select>\n</template>\n\n<style scoped></style>\n"],"names":["useDicStore","useKeepAliveStore","useRoute","ref","inject","data","modelValue","onActivated","onMounted","watch","onSelect","onChange","_createBlock","_unref"],"mappings":"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"}
+{"version":3,"file":"Select.vue2.cjs","sources":["../../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  inject,\n  onActivated,\n  onMounted,\n  ref,\n  watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\n\nimport {\n  useDicStore,\n  useKeepAliveStore\n} from \"@ditari/store\";\n\ninterface DicItem {\n  value: string | number;\n  label: string;\n}\n\nconst props = defineProps({\n  value: { required: true, default: undefined },\n  name: { type: String, required: true, default: \"\" },\n  disabled: { type: Boolean, required: false, default: false },\n  placeholder: { type: String, required: false, default: \"请填写默认占位符啊！\" },\n  include: { type: Array, required: false, default: () => [] }\n});\n\nconst emits = defineEmits([\"update:value\", \"change\", \"select\"]);\n\nconst { getDicByKey } = useDicStore();\nconst { get: keepNames } = useKeepAliveStore();\n\nconst { modelValue, data, onSelect, onChange } =\n  useSelect();\n\nfunction useSelect() {\n  const route = useRoute();\n  const loadingStatus = ref(false);\n  // 判断使用组件的页面是否被缓存\n  const isKeepAlive = keepNames.some(\n    (name: string) => name === route.name\n  );\n  // 注入 fetchDic，提供默认值\n  const fetchDic = inject<\n    (name: string) => Promise<unknown[]>\n  >(\"fetchDic\", async (name: string) => {\n    console.warn(\n      `fetchDic 未注入，使用默认实现，name: ${name}`\n    );\n    return [];\n  });\n\n  // 字典数据\n  let dicData: DicItem[] = [...getDicByKey(props.name)];\n  const data = ref<DicItem[]>(dicData);\n\n  // 取值\n  const modelValue = ref<string | number | undefined>(\n    props.value\n  );\n\n  onActivated(() => {\n    // 缓存页面被激活的时候调用\n    loadDicData();\n  });\n\n  onMounted(() => {\n    if (!isKeepAlive) {\n      // 未缓存页面 挂载的时候调用\n      loadDicData();\n    }\n  });\n\n  // 监听value值的变化\n  watch(\n    () => props.value,\n    val => {\n      modelValue.value = val;\n    }\n  );\n\n  setTimeout(() => {\n    if (!loadingStatus.value) {\n      loadDicData();\n    }\n  }, 1000);\n\n  // 请求字典数据的函数\n  async function loadDicData() {\n    try {\n      loadingStatus.value = true;\n      // 调用注入进来的fetchDic方法\n      await fetchDic(props.name);\n      dicData = [...getDicByKey(props.name)];\n\n      data.value = dicData.filter((item: DicItem) => {\n        return props.include.some(\n          (i: string | number) => i === item.value\n        );\n      });\n    } catch (error) {\n      console.error(\"获取字典数据失败:\", error);\n    }\n  }\n\n  // 监听用户搜索事件\n  const onSearch = (keywords: string) => {\n    sendWorkerSearch(keywords);\n  };\n\n  // 发送搜索到webworker\n  function sendWorkerSearch(keywords: string) {\n    keywords = keywords ?? \"\";\n    data.value = dicData\n      .filter((item: DicItem) => {\n        return (\n          item.value\n            .toString()\n            .toLowerCase()\n            .indexOf(keywords.toLowerCase()) !== -1 ||\n          item.label\n            .toLowerCase()\n            .includes(keywords.toLowerCase())\n        );\n      })\n      .slice(0, 10);\n    if (data.value.length === 0) {\n      data.value = [...dicData].slice(0, 10);\n    }\n  }\n\n  // 监听下拉选择事件\n  const onSelect = (value: string | number) => {\n    // 发射选择的数据\n    emits(\"update:value\", value);\n    // 处理下拉后返回数据的\n    onSelectHandler();\n  };\n\n  // 监听数据改变\n  const onChange = () => {\n    emits(\"update:value\", modelValue.value);\n    emits(\"change\", modelValue.value);\n  };\n\n  /**\n   * 根据当前选中的value匹配对应的整条数据\n   * 然后返回给父组件\n   */\n  function onSelectHandler() {\n    const dicList = getDicByKey(props.name);\n    const rs = dicList.find(\n      (obj: DicItem) => obj.value === modelValue.value\n    );\n    emits(\"select\", rs);\n  }\n\n  watch(\n    () => props.include,\n    (val: Array<string | number>) => {\n      if (val.length > 0) {\n        // 只过滤出来include包含的数据\n        data.value = dicData.filter((item: DicItem) => {\n          return val.some(\n            (i: string | number) => i === item.value\n          );\n        });\n      } else {\n        data.value = dicData;\n      }\n    },\n    {\n      immediate: true\n    }\n  );\n\n  return {\n    data,\n    modelValue,\n    onSearch,\n    onSelect,\n    onChange\n  };\n}\n\n/**\n * 过滤筛选\n * @param inputValue\n * @param options\n */\nconst onFilterOption = (\n  inputValue: string,\n  options: DicItem\n) => {\n  return (\n    options.value\n      .toString()\n      .toLowerCase()\n      .indexOf(inputValue.toLowerCase()) !== -1 ||\n    options.label\n      .toLowerCase()\n      .includes(inputValue.toLowerCase())\n  );\n};\n</script>\n\n<template>\n  <div>\n    {{ data }}\n  </div>\n  <a-select\n    v-model:value=\"modelValue\"\n    style=\"width: 100%\"\n    allow-clear\n    show-search\n    :options=\"data\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :filter-option=\"onFilterOption\"\n    @select=\"onSelect\"\n    @change=\"onChange\"\n  >\n  </a-select>\n</template>\n\n<style scoped></style>\n"],"names":["useDicStore","useKeepAliveStore","useRoute","ref","inject","data","modelValue","onActivated","onMounted","watch","onSelect","onChange","_createElementVNode","_unref","_createVNode"],"mappings":"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"}

package/dist/cjs/components/table-form/TableForm.cjs

@@ -10,28 +10,20 @@ var useDesign = require('../../hooks/useDesign.cjs');
 var withInstall = require('../../utils/withInstall.cjs');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const FormContextKey = Symbol("d-table-form-context");
-const getValidVNodesCount = (vnodes) => {
-  let count = 0;
-  if (Array.isArray(vnodes)) {
-    vnodes.forEach((vnode) => {
-      if (vue.isVNode(vnode)) {
-        if (vnode.type !== vue.Comment && vnode.type !== vue.Text && vnode.children !== " ") {
-          count++;
-        }
-      } else if (Array.isArray(vnode)) {
-        count += getValidVNodesCount(vnode);
-      } else if (typeof vnode === "string" && vnode.trim() !== "") {
-        count++;
-      }
-    });
+const getVNodeSpan = (vnode) => {
+  var _a;
+  if (vnode && vnode.props) {
+    const s = (_a = vnode.props.span) != null ? _a : vnode.props["span"];
+    if (s !== void 0 && s !== null) return Number(s);
   }
-  return count;
+  return 24;
 };
 const containerBorderStyle = css.css`
-  /* 顶部边框 */
   border-top: 1px solid #d9d9d9;
-  /* 左侧边框 */
   border-left: 1px solid #d9d9d9;
 `;
 const _TableForm = /* @__PURE__ */ vue.defineComponent({
@@ -47,7 +39,7 @@ const _TableForm = /* @__PURE__ */ vue.defineComponent({
       getPrefixCls
     } = useDesign.useDesign("table-form");
     const formRef = vue.ref();
-    const calculatedSpan = vue.computed(() => Math.floor(24 / props.colCount));
+    const defaultSpan = vue.computed(() => 24);
     const isReadonly = vue.computed(() => props.readonly);
     const finalStylesConfig = vue.computed(() => {
       const defaultCopy = JSON.parse(JSON.stringify(_interface.DEFAULT_STYLES_CONFIG));
@@ -56,47 +48,81 @@ const _TableForm = /* @__PURE__ */ vue.defineComponent({
     const modelState = vue.computed(() => attrs.model);
     vue.provide(FormContextKey, {
       isFormParent: true,
-      span: calculatedSpan,
-      fieldErrors: {},
+      span: defaultSpan,
+      fieldErrors: vue.ref({}),
       isReadonly,
       stylesConfig: finalStylesConfig,
       model: modelState
     });
-    const fillerCols = vue.computed(() => {
+    const flattenVNodes = (children) => {
+      let result = [];
+      const vnodes = Array.isArray(children) ? children : [children];
+      vnodes.forEach((v) => {
+        var _a;
+        if (Array.isArray(v)) {
+          result = result.concat(flattenVNodes(v));
+        } else if (vue.isVNode(v)) {
+          if (v.type === Symbol.for("v-fgt") || ((_a = v.type) == null ? void 0 : _a.toString()) === "Symbol(Fragment)") {
+            result = result.concat(flattenVNodes(v.children));
+          } else if (v.type !== vue.Comment && v.type !== vue.Text) {
+            result.push(v);
+          }
+        }
+      });
+      return result;
+    };
+    const renderItems = () => {
       const colCls = getPrefixCls("item-col");
       const styles = style.useFormItemStyle(finalStylesConfig.value, token);
-      const defaultSlot = slots.default ? slots.default() : [];
-      const itemCounts = getValidVNodesCount(defaultSlot);
-      const colCount = props.colCount;
-      const remainder = itemCounts % colCount;
-      const fillerCount = remainder === 0 ? 0 : colCount - remainder;
-      const span = calculatedSpan.value;
-      const fillerNodes = [];
-      for (let i = 0; i < fillerCount; i++) {
-        fillerNodes.push(vue.createVNode(antDesignVue.Col, {
-          "key": `filler-${i}`,
-          "span": span,
+      const rawSlots = slots.default ? slots.default() : [];
+      const vnodes = flattenVNodes(rawSlots);
+      const finalElements = [];
+      let currentLineSpan = 0;
+      vnodes.forEach((vnode, index) => {
+        const span = getVNodeSpan(vnode);
+        if (currentLineSpan > 0 && (currentLineSpan + span > 24 || span === 24)) {
+          const neededSpan = 24 - currentLineSpan;
+          if (neededSpan > 0) {
+            finalElements.push(vue.createVNode(antDesignVue.Col, {
+              "key": `filler-mid-${index}`,
+              "span": neededSpan,
+              "class": css.cx(colCls, styles.cellBorderStyle)
+            }, {
+              default: () => [vue.createVNode(antDesignVue.FormItem, null, null)]
+            }));
+          }
+          currentLineSpan = 0;
+        }
+        finalElements.push(vnode);
+        currentLineSpan += span;
+        if (currentLineSpan >= 24) {
+          currentLineSpan = 0;
+        }
+      });
+      if (currentLineSpan > 0) {
+        finalElements.push(vue.createVNode(antDesignVue.Col, {
+          "key": "filler-last",
+          "span": 24 - currentLineSpan,
           "class": css.cx(colCls, styles.cellBorderStyle)
         }, {
-          default: () => [vue.createVNode(antDesignVue.FormItem, {
-            "label": "   "
-          }, null)]
+          default: () => [vue.createVNode(antDesignVue.FormItem, null, null)]
         }));
       }
-      return fillerNodes;
-    });
+      return finalElements;
+    };
     expose({
       form: formRef
     });
     return () => {
+      let _slot;
       const rootCls = getPrefixCls();
       return vue.createVNode(antDesignVue.Form, vue.mergeProps({
         "class": css.cx(rootCls, containerBorderStyle)
       }, attrs, {
         "ref": formRef
       }), {
-        default: () => [vue.createVNode(antDesignVue.Row, null, {
-          default: () => [slots.default ? slots.default() : null, fillerCols.value]
+        default: () => [vue.createVNode(antDesignVue.Row, null, _isSlot(_slot = renderItems()) ? _slot : {
+          default: () => [_slot]
         })]
       });
     };

package/dist/cjs/components/table-form/TableForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableForm.cjs","sources":["../../../../src/components/table-form/TableForm.tsx"],"sourcesContent":["import {\r\n  Comment,\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  isVNode,\r\n  provide,\r\n  ref,\r\n  Text\r\n} from \"vue\";\r\nimport {\r\n  Col,\r\n  Form,\r\n  FormInstance,\r\n  FormItem,\r\n  Row\r\n} from \"ant-design-vue\";\r\n\r\nimport {\r\n  DEFAULT_STYLES_CONFIG,\r\n  StylesConfig,\r\n  tableFormProps\r\n} from \"./interface\";\r\nimport { useFormItemStyle } from \"./style\";\r\nimport { css, cx } from \"@emotion/css\";\r\nimport { merge } from \"lodash-es\";\r\n\r\nimport {\r\n  useAntdToken,\r\n  useDesign\r\n} from \"../../hooks/useDesign\";\r\n\r\nimport { withInstall } from \"../../utils/withInstall\";\r\n\r\nexport const FormContextKey = Symbol(\r\n  \"d-table-form-context\"\r\n);\r\n\r\n// ⭐️ Context 接口，包含错误状态映射\r\nexport interface TableFormContext {\r\n  isFormParent: true;\r\n  span: ComputedRef<number>;\r\n  isReadonly: ComputedRef<boolean>;\r\n  fieldErrors: ComputedRef<\r\n    Record<string, string | undefined>\r\n  >;\r\n  stylesConfig: ComputedRef<StylesConfig>;\r\n  model: ComputedRef<Record<string, unknown>>;\r\n}\r\n\r\n// 辅助函数：计算插槽中有效 VNode 的数量\r\nconst getValidVNodesCount = (vnodes: unknown): number => {\r\n  let count = 0;\r\n  if (Array.isArray(vnodes)) {\r\n    vnodes.forEach(vnode => {\r\n      if (isVNode(vnode)) {\r\n        // 忽略注释、文本节点、或仅空白的节点\r\n        if (\r\n          vnode.type !== Comment &&\r\n          vnode.type !== Text &&\r\n          vnode.children !== \" \"\r\n        ) {\r\n          count++;\r\n        }\r\n      } else if (Array.isArray(vnode)) {\r\n        // 处理 Fragment 或嵌套数组\r\n        count += getValidVNodesCount(vnode);\r\n      } else if (\r\n        typeof vnode === \"string\" &&\r\n        vnode.trim() !== \"\"\r\n      ) {\r\n        // 处理非空字符串（虽然不常见，但保险起见）\r\n        count++;\r\n      }\r\n    });\r\n  }\r\n  return count;\r\n};\r\n\r\nconst containerBorderStyle = css`\r\n  /* 顶部边框 */\r\n  border-top: 1px solid #d9d9d9;\r\n  /* 左侧边框 */\r\n  border-left: 1px solid #d9d9d9;\r\n`;\r\n\r\nconst _TableForm = defineComponent({\r\n  name: \"DTableForm\",\r\n  props: tableFormProps,\r\n\r\n  setup(props, { slots, attrs, expose }) {\r\n    const token = useAntdToken();\r\n\r\n    const { getPrefixCls } = useDesign(\"table-form\");\r\n    // 表单对象\r\n    const formRef = ref<FormInstance | null>();\r\n\r\n    //动态计算一个col的span值是多少\r\n    const calculatedSpan = computed(() =>\r\n      Math.floor(24 / props.colCount)\r\n    );\r\n\r\n    // ⭐️ 新增：计算只读状态\r\n    const isReadonly = computed(() => props.readonly);\r\n    const finalStylesConfig = computed<StylesConfig>(() => {\r\n      // 1. 创建默认配置的深拷贝\r\n      const defaultCopy = JSON.parse(\r\n        JSON.stringify(DEFAULT_STYLES_CONFIG)\r\n      );\r\n      // 2. 使用 Lodash merge (或 mergeWith) 合并用户传入的配置\r\n      return merge(defaultCopy, props.stylesConfig);\r\n    });\r\n    const modelState = computed(() => attrs.model);\r\n\r\n    // ⭐️ FIX 2: 提供 Context 时，传递 ComputedRef 本身，而不是它的 .value\r\n    provide(FormContextKey, {\r\n      isFormParent: true,\r\n      span: calculatedSpan,\r\n      fieldErrors: {},\r\n      isReadonly: isReadonly,\r\n      stylesConfig: finalStylesConfig,\r\n      model: modelState\r\n    });\r\n\r\n    // ⭐️ 核心逻辑：计算并渲染占位符\r\n    const fillerCols = computed(() => {\r\n      const colCls = getPrefixCls(\"item-col\");\r\n      const styles = useFormItemStyle(\r\n        finalStylesConfig.value,\r\n        token\r\n      );\r\n\r\n      const defaultSlot = slots.default\r\n        ? slots.default()\r\n        : [];\r\n      const itemCounts = getValidVNodesCount(defaultSlot);\r\n      const colCount = props.colCount;\r\n\r\n      // 计算当前行已占用的位置 (余数)\r\n      const remainder = itemCounts % colCount;\r\n      const fillerCount =\r\n        remainder === 0 ? 0 : colCount - remainder;\r\n\r\n      const span = calculatedSpan.value;\r\n      const fillerNodes = [];\r\n\r\n      // 渲染所需数量的空 Col\r\n      for (let i = 0; i < fillerCount; i++) {\r\n        fillerNodes.push(\r\n          <Col\r\n            key={`filler-${i}`}\r\n            span={span}\r\n            class={cx(colCls, styles.cellBorderStyle)}\r\n          >\r\n            <FormItem label={\"   \"}></FormItem>\r\n          </Col>\r\n        );\r\n      }\r\n      return fillerNodes;\r\n    });\r\n\r\n    expose({\r\n      form: formRef\r\n    });\r\n\r\n    return () => {\r\n      const rootCls = getPrefixCls();\r\n\r\n      return (\r\n        <Form\r\n          class={cx(rootCls, containerBorderStyle)}\r\n          {...attrs}\r\n          ref={formRef}\r\n        >\r\n          <Row>\r\n            {/* 渲染所有传入的 FormItem */}\r\n            {slots.default ? slots.default() : null}\r\n            {/* 渲染计算出的占位 Col */}\r\n            {fillerCols.value}\r\n          </Row>\r\n        </Form>\r\n      );\r\n    };\r\n  }\r\n});\r\n\r\nexport const TableForm = withInstall(_TableForm);\r\n"],"names":["FormContextKey","Symbol","getValidVNodesCount","vnodes","count","Array","isArray","forEach","vnode","isVNode","type","Comment","Text","children","trim","containerBorderStyle","css","_TableForm","defineComponent","name","props","tableFormProps","setup","slots","attrs","expose","token","useAntdToken","getPrefixCls","useDesign","formRef","ref","calculatedSpan","computed","Math","floor","colCount","isReadonly","readonly","finalStylesConfig","defaultCopy","JSON","parse","stringify","DEFAULT_STYLES_CONFIG","merge","stylesConfig","modelState","model","provide","isFormParent","span","fieldErrors","fillerCols","colCls","styles","useFormItemStyle","value","defaultSlot","default","itemCounts","remainder","fillerCount","fillerNodes","i","push","_createVNode","Col","cx","cellBorderStyle","FormItem","form","rootCls","Form","_mergeProps","Row","TableForm","withInstall"],"mappings":"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"}
+{"version":3,"file":"TableForm.cjs","sources":["../../../../src/components/table-form/TableForm.tsx"],"sourcesContent":["import {\r\n  Comment,\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  isVNode,\r\n  provide,\r\n  ref,\r\n  Text,\r\n  VNode\r\n} from \"vue\";\r\nimport {\r\n  Col,\r\n  Form,\r\n  FormInstance,\r\n  FormItem,\r\n  Row\r\n} from \"ant-design-vue\";\r\n\r\nimport {\r\n  DEFAULT_STYLES_CONFIG,\r\n  StylesConfig,\r\n  tableFormProps\r\n} from \"./interface\";\r\nimport { useFormItemStyle } from \"./style\";\r\nimport { css, cx } from \"@emotion/css\";\r\nimport { merge } from \"lodash-es\";\r\n\r\nimport {\r\n  useAntdToken,\r\n  useDesign\r\n} from \"../../hooks/useDesign\";\r\n\r\nimport { withInstall } from \"../../utils/withInstall\";\r\n\r\nexport const FormContextKey = Symbol(\r\n  \"d-table-form-context\"\r\n);\r\n\r\nexport interface TableFormContext {\r\n  isFormParent: true;\r\n  span: ComputedRef<number>;\r\n  isReadonly: ComputedRef<boolean>;\r\n  fieldErrors: ComputedRef<\r\n    Record<string, string | undefined>\r\n  >;\r\n  stylesConfig: ComputedRef<StylesConfig>;\r\n  model: ComputedRef<Record<string, unknown>>;\r\n}\r\n\r\nconst getVNodeSpan = (vnode: any): number => {\r\n  if (vnode && vnode.props) {\r\n    const s = vnode.props.span ?? vnode.props[\"span\"];\r\n    if (s !== undefined && s !== null) return Number(s);\r\n  }\r\n  return 24; // 默认占满一行\r\n};\r\n\r\nconst containerBorderStyle = css`\r\n  border-top: 1px solid #d9d9d9;\r\n  border-left: 1px solid #d9d9d9;\r\n`;\r\n\r\nconst _TableForm = defineComponent({\r\n  name: \"DTableForm\",\r\n  props: tableFormProps,\r\n\r\n  setup(props, { slots, attrs, expose }) {\r\n    const token = useAntdToken();\r\n    const { getPrefixCls } = useDesign(\"table-form\");\r\n    const formRef = ref<FormInstance | null>();\r\n\r\n    const defaultSpan = computed(() => 24);\r\n    const isReadonly = computed(() => props.readonly);\r\n    const finalStylesConfig = computed<StylesConfig>(() => {\r\n      const defaultCopy = JSON.parse(\r\n        JSON.stringify(DEFAULT_STYLES_CONFIG)\r\n      );\r\n      return merge(defaultCopy, props.stylesConfig);\r\n    });\r\n    const modelState = computed(\r\n      () => attrs.model as Record<string, unknown>\r\n    );\r\n\r\n    provide(FormContextKey, {\r\n      isFormParent: true,\r\n      span: defaultSpan,\r\n      fieldErrors: ref({}),\r\n      isReadonly: isReadonly,\r\n      stylesConfig: finalStylesConfig,\r\n      model: modelState\r\n    });\r\n\r\n    const flattenVNodes = (children: any): VNode[] => {\r\n      let result: VNode[] = [];\r\n      const vnodes = Array.isArray(children)\r\n        ? children\r\n        : [children];\r\n      vnodes.forEach(v => {\r\n        if (Array.isArray(v)) {\r\n          result = result.concat(flattenVNodes(v));\r\n        } else if (isVNode(v)) {\r\n          if (\r\n            v.type === Symbol.for(\"v-fgt\") ||\r\n            v.type?.toString() === \"Symbol(Fragment)\"\r\n          ) {\r\n            result = result.concat(\r\n              flattenVNodes(v.children)\r\n            );\r\n          } else if (\r\n            v.type !== Comment &&\r\n            v.type !== Text\r\n          ) {\r\n            result.push(v);\r\n          }\r\n        }\r\n      });\r\n      return result;\r\n    };\r\n\r\n    /**\r\n     * 核心逻辑：重新编排节点序列，在必要位置插入补位 Col\r\n     */\r\n    const renderItems = () => {\r\n      const colCls = getPrefixCls(\"item-col\");\r\n      const styles = useFormItemStyle(\r\n        finalStylesConfig.value,\r\n        token\r\n      );\r\n      const rawSlots = slots.default ? slots.default() : [];\r\n      const vnodes = flattenVNodes(rawSlots);\r\n\r\n      const finalElements: VNode[] = [];\r\n      let currentLineSpan = 0;\r\n\r\n      vnodes.forEach((vnode, index) => {\r\n        const span = getVNodeSpan(vnode);\r\n\r\n        // 如果当前行放不下这个节点，或者当前节点是 span 24 且之前行未满\r\n        // 则需要先给上一行打个补丁\r\n        if (\r\n          currentLineSpan > 0 &&\r\n          (currentLineSpan + span > 24 || span === 24)\r\n        ) {\r\n          const neededSpan = 24 - currentLineSpan;\r\n          if (neededSpan > 0) {\r\n            finalElements.push(\r\n              <Col\r\n                key={`filler-mid-${index}`}\r\n                span={neededSpan}\r\n                class={cx(colCls, styles.cellBorderStyle)}\r\n              >\r\n                <FormItem></FormItem>\r\n              </Col>\r\n            );\r\n          }\r\n          currentLineSpan = 0; // 开启新行\r\n        }\r\n\r\n        finalElements.push(vnode);\r\n\r\n        // 累加计算当前行已占 span\r\n        currentLineSpan += span;\r\n        if (currentLineSpan >= 24) {\r\n          currentLineSpan = 0;\r\n        }\r\n      });\r\n\r\n      // 最后一行不满 24，补充最后一块\r\n      if (currentLineSpan > 0) {\r\n        finalElements.push(\r\n          <Col\r\n            key=\"filler-last\"\r\n            span={24 - currentLineSpan}\r\n            class={cx(colCls, styles.cellBorderStyle)}\r\n          >\r\n            <FormItem></FormItem>\r\n          </Col>\r\n        );\r\n      }\r\n\r\n      return finalElements;\r\n    };\r\n\r\n    expose({ form: formRef });\r\n\r\n    return () => {\r\n      const rootCls = getPrefixCls();\r\n      return (\r\n        <Form\r\n          class={cx(rootCls, containerBorderStyle)}\r\n          {...attrs}\r\n          ref={formRef}\r\n        >\r\n          <Row>{renderItems()}</Row>\r\n        </Form>\r\n      );\r\n    };\r\n  }\r\n});\r\n\r\nexport const TableForm = withInstall(_TableForm);\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","FormContextKey","Symbol","getVNodeSpan","vnode","props","span","undefined","Number","containerBorderStyle","css","_TableForm","defineComponent","name","tableFormProps","setup","slots","attrs","expose","token","useAntdToken","getPrefixCls","useDesign","formRef","ref","defaultSpan","computed","isReadonly","readonly","finalStylesConfig","defaultCopy","JSON","parse","stringify","DEFAULT_STYLES_CONFIG","merge","stylesConfig","modelState","model","provide","isFormParent","fieldErrors","flattenVNodes","children","result","vnodes","Array","isArray","forEach","v","concat","isVNode","type","for","Comment","Text","push","renderItems","colCls","styles","useFormItemStyle","value","rawSlots","default","finalElements","currentLineSpan","index","neededSpan","_createVNode","Col","cx","cellBorderStyle","FormItem","form","_slot","rootCls","Form","_mergeProps","Row","TableForm","withInstall"],"mappings":"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"}

package/dist/cjs/components/table-form/interface.cjs

@@ -37,11 +37,6 @@ const DEFAULT_STYLES_CONFIG = {
   focusBorderColor: "#1677ff"
 };
 const tableFormProps = {
-  colCount: {
-    type: Number,
-    default: 4,
-    required: true
-  },
   readonly: {
     type: Boolean,
     default: false

package/dist/cjs/components/table-form/interface.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"interface.cjs","sources":["../../../../src/components/table-form/interface.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from \"vue\";\r\n\r\n// 接口：定义你的 Props 应该有哪些属性和类型\r\nexport interface DTableFormItemProps {\r\n  name: string;\r\n  label?: string;\r\n  required?: boolean;\r\n  rules?: unknown[]; // 简化，实际应定义详细校验规则类型\r\n  colon?: boolean;\r\n  extra?: string;\r\n}\r\n\r\nexport type Formatter = (value: unknown, name: unknown) => unknown;\r\n\r\n// 运行时 Props 的定义 (常量)\r\nexport const tableFormItemProps = {\r\n  // 字典名字\r\n  dicName: {\r\n    type: String,\r\n    default: undefined\r\n  },\r\n  format: {\r\n    type: Function as PropType<Formatter>,\r\n    // 默认值\r\n    default: (value: unknown, _name: unknown) => value\r\n  }\r\n};\r\n\r\n// ⭐️ 导出默认值常量\r\nexport const DEFAULT_STYLES_CONFIG: StylesConfig = {\r\n  rowHeight: 32,\r\n  borderColor: \"#dfdfdf\",\r\n  borderWidth: 1,\r\n  labelBgColor: \"#EEEEEE\",\r\n  focusBorderColor: \"#1677ff\"\r\n};\r\n\r\nexport interface StylesConfig {\r\n  /**\r\n   * 表格行高度\r\n   */\r\n  rowHeight?: number;\r\n  // 边框颜色\r\n  borderColor?: string;\r\n  // 边框\r\n  borderWidth?: number;\r\n  // 标签颜色label\r\n  labelBgColor?: string;\r\n  //焦点边框颜色\r\n  focusBorderColor?: string;\r\n}\r\n\r\nexport const tableFormProps = {\r\n  colCount: {\r\n    type: Number,\r\n    default: 4,\r\n    required: true as const\r\n  },\r\n  readonly: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  stylesConfig: {\r\n    type: Object as PropType<StylesConfig>,\r\n    default: () => ({ ...DEFAULT_STYLES_CONFIG })\r\n  }\r\n};\r\n\r\n// 导出 Prop 类型，供外部使用 (例如，在 TSX 中使用)\r\nexport type TableFormItemProps = Partial<ExtractPropTypes<typeof tableFormItemProps>>;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAeO,MAAM,kBAAA,GAAqB;AAAA;AAAA,EAEhC,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,KAAA;AAAA,GACX;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA;AAAA,IAEN,OAAA,EAAS,CAAC,KAAA,EAAgB,KAAA,KAAmB;AAAA;AAEjD;AAGO,MAAM,qBAAA,GAAsC;AAAA,EACjD,SAAA,EAAW,EAAA;AAAA,EACX,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,CAAA;AAAA,EACb,YAAA,EAAc,SAAA;AAAA,EACd,gBAAA,EAAkB;AACpB;AAiBO,MAAM,cAAA,GAAiB;AAAA,EAC5B,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,CAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,MAAO,cAAA,CAAA,EAAA,EAAK,qBAAA;AAAA;AAEzB;;;;;;"}
+{"version":3,"file":"interface.cjs","sources":["../../../../src/components/table-form/interface.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from \"vue\";\r\n\r\n// 接口：定义你的 Props 应该有哪些属性和类型\r\nexport interface DTableFormItemProps {\r\n  name: string;\r\n  label?: string;\r\n  required?: boolean;\r\n  rules?: unknown[]; // 简化，实际应定义详细校验规则类型\r\n  colon?: boolean;\r\n  extra?: string;\r\n}\r\n\r\nexport type Formatter = (\r\n  value: unknown,\r\n  name: unknown\r\n) => unknown;\r\n\r\n// 运行时 Props 的定义 (常量)\r\nexport const tableFormItemProps = {\r\n  // 字典名字\r\n  dicName: {\r\n    type: String,\r\n    default: undefined\r\n  },\r\n  format: {\r\n    type: Function as PropType<Formatter>,\r\n    // 默认值\r\n    default: (value: unknown, _name: unknown) => value\r\n  }\r\n};\r\n\r\n// ⭐️ 导出默认值常量\r\nexport const DEFAULT_STYLES_CONFIG: StylesConfig = {\r\n  rowHeight: 32,\r\n  borderColor: \"#dfdfdf\",\r\n  borderWidth: 1,\r\n  labelBgColor: \"#EEEEEE\",\r\n  focusBorderColor: \"#1677ff\"\r\n};\r\n\r\nexport interface StylesConfig {\r\n  /**\r\n   * 表格行高度\r\n   */\r\n  rowHeight?: number;\r\n  // 边框颜色\r\n  borderColor?: string;\r\n  // 边框\r\n  borderWidth?: number;\r\n  // 标签颜色label\r\n  labelBgColor?: string;\r\n  //焦点边框颜色\r\n  focusBorderColor?: string;\r\n}\r\n\r\nexport const tableFormProps = {\r\n  readonly: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  stylesConfig: {\r\n    type: Object as PropType<StylesConfig>,\r\n    default: () => ({ ...DEFAULT_STYLES_CONFIG })\r\n  }\r\n};\r\n\r\n// 导出 Prop 类型，供外部使用 (例如，在 TSX 中使用)\r\nexport type TableFormItemProps = Partial<\r\n  ExtractPropTypes<typeof tableFormItemProps>\r\n>;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAkBO,MAAM,kBAAA,GAAqB;AAAA;AAAA,EAEhC,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,KAAA;AAAA,GACX;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA;AAAA,IAEN,OAAA,EAAS,CAAC,KAAA,EAAgB,KAAA,KAAmB;AAAA;AAEjD;AAGO,MAAM,qBAAA,GAAsC;AAAA,EACjD,SAAA,EAAW,EAAA;AAAA,EACX,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,CAAA;AAAA,EACb,YAAA,EAAc,SAAA;AAAA,EACd,gBAAA,EAAkB;AACpB;AAiBO,MAAM,cAAA,GAAiB;AAAA,EAC5B,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,MAAO,cAAA,CAAA,EAAA,EAAK,qBAAA;AAAA;AAEzB;;;;;;"}

package/dist/cjs/components/table-form/style.cjs

@@ -4,7 +4,12 @@ var css = require('@emotion/css');
 
 "use strict";
 const useFormItemStyle = (styles, _token) => {
-  const { rowHeight, labelBgColor, borderColor, focusBorderColor } = styles;
+  const {
+    rowHeight,
+    labelBgColor,
+    borderColor,
+    focusBorderColor
+  } = styles;
   const boxShadowStyle = `0 0 0 1px  ${focusBorderColor}`;
   const inputFocusStyles = `
     &:focus{

package/dist/cjs/components/table-form/style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.cjs","sources":["../../../../src/components/table-form/style.ts"],"sourcesContent":["import { ComputedRef } from \"vue\";\r\n\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nimport { StylesConfig } from \"./interface\";\r\n\r\n/**\r\n * 表单项样式\r\n */\r\nexport const useFormItemStyle = (styles: StylesConfig, _token: ComputedRef<GlobalToken>) => {\r\n  const { rowHeight, labelBgColor, borderColor, focusBorderColor } = styles;\r\n  //TODO _token 后续得兼容下主题色\r\n  const boxShadowStyle = `0 0 0 1px  ${focusBorderColor}`;\r\n  const inputFocusStyles = `\r\n    &:focus{\r\n      box-shadow: ${boxShadowStyle};\r\n    }\r\n  `;\r\n\r\n  return {\r\n    cellBorderStyle: css`\r\n      //min-height: ${rowHeight}px;\r\n      /* 现有单元格边框 */\r\n      border-right: 1px solid ${borderColor};\r\n      border-bottom: 1px solid ${borderColor};\r\n\r\n      .ant-form-item {\r\n        height: 100%;\r\n        margin-bottom: 0 !important;\r\n\r\n        .ant-form-item-row {\r\n          height: 100%;\r\n\r\n          .ant-form-item-label {\r\n            height: 100%;\r\n            border-right: 1px solid ${borderColor};\r\n            background-color: ${labelBgColor};\r\n\r\n            & > label {\r\n              height: ${rowHeight}px;\r\n            }\r\n          }\r\n\r\n          .ant-form-item-control-input {\r\n            height: 100%;\r\n\r\n            .ant-form-item-control-input-content {\r\n              display: flex;\r\n              align-items: center;\r\n              height: 100%;\r\n\r\n              .ant-radio-group {\r\n                margin-left: 10px;\r\n              }\r\n\r\n              input,\r\n              .ant-picker,\r\n              .ant-select {\r\n                width: 100%;\r\n                height: 100%;\r\n              }\r\n              .ant-select-selector {\r\n                display: flex;\r\n                align-items: center;\r\n                height: 100%;\r\n              }\r\n            }\r\n          }\r\n\r\n          .ant-input,\r\n          .ant-select-selector,\r\n          .ant-input-number,\r\n          .ant-picker {\r\n            border: 0;\r\n            border-radius: 0;\r\n\r\n            ${inputFocusStyles}\r\n            // 数字输入框要单独处理\r\n            .ant-input-number-input {\r\n              border: 0;\r\n              border-radius: 0;\r\n              ${inputFocusStyles};\r\n            }\r\n          }\r\n\r\n          .ant-picker-focused,\r\n          .ant-select-focused {\r\n            box-shadow: ${boxShadowStyle};\r\n          }\r\n\r\n          .ant-input[disabled] {\r\n            ${inputFocusStyles}\r\n          }\r\n        }\r\n\r\n        .ant-input-status-error,\r\n        .ant-picker-status-error,\r\n        .ant-select-status-error {\r\n          box-shadow: 0 0 0 1px red;\r\n          border-radius: 0;\r\n        }\r\n      }\r\n    `,\r\n    valueDisplayClass: css`\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      padding: 0 11px 0 11px;\r\n      align-items: center;\r\n    `,\r\n    // 内部元素：实现文本溢出\r\n    textWrapperClass: css`\r\n      /* ⭐️ 核心修复：确保内部元素可以被压缩，且强制文本在一行 */\r\n      flex-grow: 1; /* 占据可用空间 */\r\n      min-width: 0;\r\n\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    `\r\n  };\r\n};\r\n"],"names":["css"],"mappings":";;;;;AAUO,MAAM,gBAAA,GAAmB,CAAC,MAAA,EAAsB,MAAA,KAAqC;AAC1F,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAc,WAAA,EAAa,kBAAiB,GAAI,MAAA;AAEnE,EAAA,MAAM,cAAA,GAAiB,cAAc,gBAAgB,CAAA,CAAA;AACrD,EAAA,MAAM,gBAAA,GAAmB;AAAA;AAAA,kBAAA,EAEP,cAAc,CAAA;AAAA;AAAA,EAAA,CAAA;AAIhC,EAAA,OAAO;AAAA,IACL,eAAA,EAAiBA,OAAA;AAAA,oBAAA,EACC,SAAS,CAAA;AAAA;AAAA,8BAAA,EAEC,WAAW,CAAA;AAAA,+BAAA,EACV,WAAW,CAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,oCAAA,EAWN,WAAW,CAAA;AAAA,8BAAA,EACjB,YAAY,CAAA;;AAAA;AAAA,sBAAA,EAGpB,SAAS,CAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,YAAA,EAqCnB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAKd,gBAAgB,CAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,wBAAA,EAMN,cAAc,CAAA;AAAA;;AAAA;AAAA,YAAA,EAI1B,gBAAgB;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAY1B,iBAAA,EAAmBA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA;AAAA,IAQnB,gBAAA,EAAkBA,OAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,GASpB;AACF;;;;"}
+{"version":3,"file":"style.cjs","sources":["../../../../src/components/table-form/style.ts"],"sourcesContent":["import { ComputedRef } from \"vue\";\r\n\r\nimport { StylesConfig } from \"./interface\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\n/**\r\n * 表单项样式\r\n */\r\nexport const useFormItemStyle = (\r\n  styles: StylesConfig,\r\n  _token: ComputedRef<GlobalToken>\r\n) => {\r\n  const {\r\n    rowHeight,\r\n    labelBgColor,\r\n    borderColor,\r\n    focusBorderColor\r\n  } = styles;\r\n  //TODO _token 后续得兼容下主题色\r\n  const boxShadowStyle = `0 0 0 1px  ${focusBorderColor}`;\r\n  const inputFocusStyles = `\r\n    &:focus{\r\n      box-shadow: ${boxShadowStyle};\r\n    }\r\n  `;\r\n\r\n  return {\r\n    cellBorderStyle: css`\r\n      //min-height: ${rowHeight}px;\r\n      /* 现有单元格边框 */\r\n      border-right: 1px solid ${borderColor};\r\n      border-bottom: 1px solid ${borderColor};\r\n\r\n      .ant-form-item {\r\n        height: 100%;\r\n        margin-bottom: 0 !important;\r\n\r\n        .ant-form-item-row {\r\n          height: 100%;\r\n\r\n          .ant-form-item-label {\r\n            height: 100%;\r\n            border-right: 1px solid ${borderColor};\r\n            background-color: ${labelBgColor};\r\n\r\n            & > label {\r\n              height: ${rowHeight}px;\r\n            }\r\n          }\r\n\r\n          .ant-form-item-control-input {\r\n            height: 100%;\r\n\r\n            .ant-form-item-control-input-content {\r\n              display: flex;\r\n              align-items: center;\r\n              height: 100%;\r\n\r\n              .ant-radio-group {\r\n                margin-left: 10px;\r\n              }\r\n\r\n              input,\r\n              .ant-picker,\r\n              .ant-select {\r\n                width: 100%;\r\n                height: 100%;\r\n              }\r\n              .ant-select-selector {\r\n                display: flex;\r\n                align-items: center;\r\n                height: 100%;\r\n              }\r\n            }\r\n          }\r\n\r\n          .ant-input,\r\n          .ant-select-selector,\r\n          .ant-input-number,\r\n          .ant-picker {\r\n            border: 0;\r\n            border-radius: 0;\r\n\r\n            ${inputFocusStyles}\r\n            // 数字输入框要单独处理\r\n            .ant-input-number-input {\r\n              border: 0;\r\n              border-radius: 0;\r\n              ${inputFocusStyles};\r\n            }\r\n          }\r\n\r\n          .ant-picker-focused,\r\n          .ant-select-focused {\r\n            box-shadow: ${boxShadowStyle};\r\n          }\r\n\r\n          .ant-input[disabled] {\r\n            ${inputFocusStyles}\r\n          }\r\n        }\r\n\r\n        .ant-input-status-error,\r\n        .ant-picker-status-error,\r\n        .ant-select-status-error {\r\n          box-shadow: 0 0 0 1px red;\r\n          border-radius: 0;\r\n        }\r\n      }\r\n    `,\r\n    valueDisplayClass: css`\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      padding: 0 11px 0 11px;\r\n      align-items: center;\r\n    `,\r\n    // 内部元素：实现文本溢出\r\n    textWrapperClass: css`\r\n      /* ⭐️ 核心修复：确保内部元素可以被压缩，且强制文本在一行 */\r\n      flex-grow: 1; /* 占据可用空间 */\r\n      min-width: 0;\r\n\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    `\r\n  };\r\n};\r\n"],"names":["css"],"mappings":";;;;;AASO,MAAM,gBAAA,GAAmB,CAC9B,MAAA,EACA,MAAA,KACG;AACH,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF,GAAI,MAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,cAAc,gBAAgB,CAAA,CAAA;AACrD,EAAA,MAAM,gBAAA,GAAmB;AAAA;AAAA,kBAAA,EAEP,cAAc,CAAA;AAAA;AAAA,EAAA,CAAA;AAIhC,EAAA,OAAO;AAAA,IACL,eAAA,EAAiBA,OAAA;AAAA,oBAAA,EACC,SAAS,CAAA;AAAA;AAAA,8BAAA,EAEC,WAAW,CAAA;AAAA,+BAAA,EACV,WAAW,CAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,oCAAA,EAWN,WAAW,CAAA;AAAA,8BAAA,EACjB,YAAY,CAAA;;AAAA;AAAA,sBAAA,EAGpB,SAAS,CAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,YAAA,EAqCnB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAKd,gBAAgB,CAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,wBAAA,EAMN,cAAc,CAAA;AAAA;;AAAA;AAAA,YAAA,EAI1B,gBAAgB;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAY1B,iBAAA,EAAmBA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA;AAAA,IAQnB,gBAAA,EAAkBA,OAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,GASpB;AACF;;;;"}

package/dist/esm/components/dic/DicReplace.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, ref, inject, onActivated, onMounted, watch, createVNode } from 'vue';
 import { useRoute } from 'vue-router';
-import { useKeepAliveStore, useDicStore } from '@ditari/store';
+import { storeToRefs } from 'pinia';
+import { useNavTabStore, useDicStore } from '@ditari/store';
 
 "use strict";
 var __async = (__this, __arguments, generator) => {
@@ -33,22 +34,24 @@ var DicReplace = /* @__PURE__ */ defineComponent({
     },
     // 值
     value: {
-      type: String || Number,
+      type: [String, Number],
       default: ""
     }
   },
   setup(props) {
     const {
-      get: keepNames
-    } = useKeepAliveStore();
+      list
+    } = storeToRefs(useNavTabStore());
     const {
       getDicTextByValue
     } = useDicStore();
     const route = useRoute();
-    const isKeepAlive = keepNames.some((name) => name === route.name);
+    const isKeepAlive = list.value.some((item) => {
+      var _a;
+      return item.fullPath === route.fullPath && ((_a = item.meta) == null ? void 0 : _a.keepAlive);
+    });
     const dicValueTxt = ref("");
-    const fetchDic = inject("fetchDic", (name) => __async(null, null, function* () {
-      console.warn(`fetchDic \u672A\u6CE8\u5165\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u5B9E\u73B0\uFF0Cname: ${name}`);
+    const fetchDic = inject("fetchDic", (_name) => __async(null, null, function* () {
       return [];
     }));
     onActivated(() => __async(null, null, function* () {

package/dist/esm/components/dic/DicReplace.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DicReplace.mjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\n * 字典替换\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\n * @author 余春林\n */\nimport {\n  defineComponent,\n  inject,\n  onActivated,\n  onMounted,\n  ref,\n  watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\n\nimport {\n  useDicStore,\n  useKeepAliveStore\n} from \"@ditari/store\";\n\nexport default defineComponent({\n  name: \"DicRep\",\n  props: {\n    // 字典名称\n    name: {\n      type: String,\n      default: \"\"\n    },\n    // 值\n    value: {\n      type: String || Number,\n      default: \"\"\n    }\n  },\n  setup(props) {\n    const { get: keepNames } = useKeepAliveStore();\n    const { getDicTextByValue } = useDicStore();\n    const route = useRoute();\n    // 判断使用组件的页面是否被缓存\n    const isKeepAlive = keepNames.some(\n      (name: string) => name === route.name\n    );\n    const dicValueTxt = ref<string>(\"\");\n\n    // 注入 fetchDic，提供默认值\n    const fetchDic = inject<\n      (name: string) => Promise<unknown[]>\n    >(\"fetchDic\", async (name: string) => {\n      console.warn(\n        `fetchDic 未注入，使用默认实现，name: ${name}`\n      );\n      return [];\n    });\n\n    onActivated(async () => {\n      // 缓存页面被激活的时候调用\n      await loadDicData();\n    });\n\n    onMounted(async () => {\n      if (!isKeepAlive) {\n        // 未缓存页面 挂载的时候调用\n        await loadDicData();\n      }\n    });\n\n    // 请求字典数据的函数\n    async function loadDicData() {\n      try {\n        // 调用注入进来的fetchDic方法\n        await fetchDic(props.name);\n        replace(props.value);\n      } catch (error) {\n        console.error(\"获取字典数据失败:\", error);\n      }\n    }\n\n    loadDicData().then(() =>\n      console.log(\"success load dic\")\n    );\n\n    watch(\n      () => props.value,\n      (val: string) => {\n        replace(val);\n      },\n      {\n        immediate: true\n      }\n    );\n\n    function replace(val: string) {\n      const value = val;\n      const name = props.name;\n      dicValueTxt.value = getDicTextByValue(\n        name,\n        value?.toString()\n      );\n    }\n\n    return () => (\n      <span class={\"d-dic\"}>{dicValueTxt.value}</span>\n    );\n  }\n});\n"],"names":["name","props","type","String","default","value","Number","setup","get","keepNames","useKeepAliveStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","dicValueTxt","ref","fetchDic","inject","console","warn","onActivated","loadDicData","onMounted","replace","error","then","log","watch","val","immediate","toString","_createVNode"],"mappings":"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"}
+{"version":3,"file":"DicReplace.mjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\n * 字典替换\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\n * @author 余春林\n */\nimport {\n  defineComponent,\n  inject,\n  onActivated,\n  onMounted,\n  ref,\n  watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport { storeToRefs } from \"pinia\";\n\nimport { useDicStore, useNavTabStore } from \"@ditari/store\";\n\nexport default defineComponent({\n  name: \"DicRep\",\n  props: {\n    // 字典名称\n    name: {\n      type: String,\n      default: \"\"\n    },\n    // 值\n    value: {\n      type: [String, Number],\n      default: \"\"\n    }\n  },\n  setup(props) {\n    const { list } = storeToRefs(useNavTabStore());\n    const { getDicTextByValue } = useDicStore();\n    const route = useRoute();\n    // 判断使用组件的页面是否被缓存\n    const isKeepAlive = list.value.some(\n      item =>\n        item.fullPath === route.fullPath &&\n        item.meta?.keepAlive\n    );\n    const dicValueTxt = ref<string>(\"\");\n\n    // 注入 fetchDic，提供默认值\n    const fetchDic = inject<\n      (name: string) => Promise<unknown[]>\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    >(\"fetchDic\", async (_name: string) => {\n      // console.warn(\n      //   `fetchDic 未注入，使用默认实现，name: ${name}`\n      // );\n      return [];\n    });\n\n    onActivated(async () => {\n      // 缓存页面被激活的时候调用\n      await loadDicData();\n    });\n\n    onMounted(async () => {\n      if (!isKeepAlive) {\n        // 未缓存页面 挂载的时候调用\n        await loadDicData();\n      }\n    });\n\n    // 请求字典数据的函数\n    async function loadDicData() {\n      try {\n        // 调用注入进来的fetchDic方法\n        await fetchDic(props.name);\n        replace(props.value);\n      } catch (error) {\n        console.error(\"获取字典数据失败:\", error);\n      }\n    }\n\n    loadDicData().then(() =>\n      console.log(\"success load dic\")\n    );\n\n    watch(\n      () => props.value,\n      (val: string | number) => {\n        replace(val);\n      },\n      {\n        immediate: true\n      }\n    );\n\n    function replace(val: string | number) {\n      const value = val;\n      const name = props.name;\n      dicValueTxt.value = getDicTextByValue(\n        name,\n        value?.toString()\n      );\n    }\n\n    return () => (\n      <span class={\"d-dic\"}>{dicValueTxt.value}</span>\n    );\n  }\n});\n"],"names":["name","props","type","String","default","value","Number","setup","list","storeToRefs","useNavTabStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","item","fullPath","meta","keepAlive","dicValueTxt","ref","fetchDic","inject","_name","onActivated","loadDicData","onMounted","replace","error","console","then","log","watch","val","immediate","toString","_createVNode"],"mappings":"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"}

package/dist/esm/components/select/Select.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, inject, onActivated, onMounted, watch, resolveComponent, createBlock, openBlock, unref, isRef } from 'vue';
+import { defineComponent, ref, inject, onActivated, onMounted, watch, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, toDisplayString, unref, isRef } from 'vue';
 import { useRoute } from 'vue-router';
 import { useDicStore, useKeepAliveStore } from '@ditari/store';
 
@@ -81,7 +81,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             loadingStatus.value = true;
             yield fetchDic(props.name);
             dicData = [...getDicByKey(props.name)];
-            data2.value = dicData;
+            data2.value = dicData.filter((item) => {
+              return props.include.some(
+                (i) => i === item.value
+              );
+            });
           } catch (error) {
             console.error("\u83B7\u53D6\u5B57\u5178\u6570\u636E\u5931\u8D25:", error);
           }
@@ -144,19 +148,34 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_a_select = resolveComponent("a-select");
-      return openBlock(), createBlock(_component_a_select, {
-        value: unref(modelValue),
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-        style: { "width": "100%" },
-        "allow-clear": "",
-        "show-search": "",
-        options: unref(data),
-        placeholder: __props.placeholder,
-        disabled: __props.disabled,
-        "filter-option": onFilterOption,
-        onSelect: unref(onSelect),
-        onChange: unref(onChange)
-      }, null, 8, ["value", "options", "placeholder", "disabled", "onSelect", "onChange"]);
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createElementVNode(
+            "div",
+            null,
+            toDisplayString(unref(data)),
+            1
+            /* TEXT */
+          ),
+          createVNode(_component_a_select, {
+            value: unref(modelValue),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+            style: { "width": "100%" },
+            "allow-clear": "",
+            "show-search": "",
+            options: unref(data),
+            placeholder: __props.placeholder,
+            disabled: __props.disabled,
+            "filter-option": onFilterOption,
+            onSelect: unref(onSelect),
+            onChange: unref(onChange)
+          }, null, 8, ["value", "options", "placeholder", "disabled", "onSelect", "onChange"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
     };
   }
 });

package/dist/esm/components/select/Select.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.vue2.mjs","sources":["../../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  inject,\n  onActivated,\n  onMounted,\n  ref,\n  watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\n\nimport {\n  useDicStore,\n  useKeepAliveStore\n} from \"@ditari/store\";\n\ninterface DicItem {\n  value: string | number;\n  label: string;\n}\n\nconst props = defineProps({\n  value: { required: true, default: undefined },\n  name: { type: String, required: true, default: \"\" },\n  disabled: { type: Boolean, required: false, default: false },\n  placeholder: { type: String, required: false, default: \"请填写默认占位符啊！\" },\n  include: { type: Array, required: false, default: () => [] }\n});\n\nconst emits = defineEmits([\"update:value\", \"change\", \"select\"]);\n\nconst { getDicByKey } = useDicStore();\nconst { get: keepNames } = useKeepAliveStore();\n\nconst { modelValue, data, onSelect, onChange } =\n  useSelect();\n\nfunction useSelect() {\n  const route = useRoute();\n  const loadingStatus = ref(false);\n  // 判断使用组件的页面是否被缓存\n  const isKeepAlive = keepNames.some(\n    (name: string) => name === route.name\n  );\n  // 注入 fetchDic，提供默认值\n  const fetchDic = inject<\n    (name: string) => Promise<unknown[]>\n  >(\"fetchDic\", async (name: string) => {\n    console.warn(\n      `fetchDic 未注入，使用默认实现，name: ${name}`\n    );\n    return [];\n  });\n\n  // 字典数据\n  let dicData: DicItem[] = [...getDicByKey(props.name)];\n  const data = ref<DicItem[]>(dicData);\n\n  // 取值\n  const modelValue = ref<string | number | undefined>(\n    props.value\n  );\n\n  onActivated(() => {\n    // 缓存页面被激活的时候调用\n    loadDicData();\n  });\n\n  onMounted(() => {\n    if (!isKeepAlive) {\n      // 未缓存页面 挂载的时候调用\n      loadDicData();\n    }\n  });\n\n  // 监听value值的变化\n  watch(\n    () => props.value,\n    val => {\n      modelValue.value = val;\n    }\n  );\n\n  setTimeout(() => {\n    if (!loadingStatus.value) {\n      loadDicData();\n    }\n  }, 1000);\n\n  // 请求字典数据的函数\n  async function loadDicData() {\n    try {\n      loadingStatus.value = true;\n      // 调用注入进来的fetchDic方法\n      await fetchDic(props.name);\n      dicData = [...getDicByKey(props.name)];\n      data.value = dicData;\n    } catch (error) {\n      console.error(\"获取字典数据失败:\", error);\n    }\n  }\n\n  // 监听用户搜索事件\n  const onSearch = (keywords: string) => {\n    sendWorkerSearch(keywords);\n  };\n\n  // 发送搜索到webworker\n  function sendWorkerSearch(keywords: string) {\n    keywords = keywords ?? \"\";\n    data.value = dicData\n      .filter((item: DicItem) => {\n        return (\n          item.value\n            .toString()\n            .toLowerCase()\n            .indexOf(keywords.toLowerCase()) !== -1 ||\n          item.label\n            .toLowerCase()\n            .includes(keywords.toLowerCase())\n        );\n      })\n      .slice(0, 10);\n    if (data.value.length === 0) {\n      data.value = [...dicData].slice(0, 10);\n    }\n  }\n\n  // 监听下拉选择事件\n  const onSelect = (value: string | number) => {\n    // 发射选择的数据\n    emits(\"update:value\", value);\n    // 处理下拉后返回数据的\n    onSelectHandler();\n  };\n\n  // 监听数据改变\n  const onChange = () => {\n    emits(\"update:value\", modelValue.value);\n    emits(\"change\", modelValue.value);\n  };\n\n  /**\n   * 根据当前选中的value匹配对应的整条数据\n   * 然后返回给父组件\n   */\n  function onSelectHandler() {\n    const dicList = getDicByKey(props.name);\n    const rs = dicList.find(\n      (obj: DicItem) => obj.value === modelValue.value\n    );\n    emits(\"select\", rs);\n  }\n\n  watch(\n    () => props.include,\n    (val: Array<string | number>) => {\n      if (val.length > 0) {\n        // 只过滤出来include包含的数据\n        data.value = dicData.filter((item: DicItem) => {\n          return val.some(\n            (i: string | number) => i === item.value\n          );\n        });\n      } else {\n        data.value = dicData;\n      }\n    },\n    {\n      immediate: true\n    }\n  );\n\n  return {\n    data,\n    modelValue,\n    onSearch,\n    onSelect,\n    onChange\n  };\n}\n\n/**\n * 过滤筛选\n * @param inputValue\n * @param options\n */\nconst onFilterOption = (\n  inputValue: string,\n  options: DicItem\n) => {\n  return (\n    options.value\n      .toString()\n      .toLowerCase()\n      .indexOf(inputValue.toLowerCase()) !== -1 ||\n    options.label\n      .toLowerCase()\n      .includes(inputValue.toLowerCase())\n  );\n};\n</script>\n\n<template>\n  <a-select\n    v-model:value=\"modelValue\"\n    style=\"width: 100%\"\n    allow-clear\n    show-search\n    :options=\"data\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :filter-option=\"onFilterOption\"\n    @select=\"onSelect\"\n    @change=\"onChange\"\n  >\n  </a-select>\n</template>\n\n<style scoped></style>\n"],"names":["data","modelValue","onSelect","onChange","_createBlock","_unref"],"mappings":"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"}
+{"version":3,"file":"Select.vue2.mjs","sources":["../../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  inject,\n  onActivated,\n  onMounted,\n  ref,\n  watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\n\nimport {\n  useDicStore,\n  useKeepAliveStore\n} from \"@ditari/store\";\n\ninterface DicItem {\n  value: string | number;\n  label: string;\n}\n\nconst props = defineProps({\n  value: { required: true, default: undefined },\n  name: { type: String, required: true, default: \"\" },\n  disabled: { type: Boolean, required: false, default: false },\n  placeholder: { type: String, required: false, default: \"请填写默认占位符啊！\" },\n  include: { type: Array, required: false, default: () => [] }\n});\n\nconst emits = defineEmits([\"update:value\", \"change\", \"select\"]);\n\nconst { getDicByKey } = useDicStore();\nconst { get: keepNames } = useKeepAliveStore();\n\nconst { modelValue, data, onSelect, onChange } =\n  useSelect();\n\nfunction useSelect() {\n  const route = useRoute();\n  const loadingStatus = ref(false);\n  // 判断使用组件的页面是否被缓存\n  const isKeepAlive = keepNames.some(\n    (name: string) => name === route.name\n  );\n  // 注入 fetchDic，提供默认值\n  const fetchDic = inject<\n    (name: string) => Promise<unknown[]>\n  >(\"fetchDic\", async (name: string) => {\n    console.warn(\n      `fetchDic 未注入，使用默认实现，name: ${name}`\n    );\n    return [];\n  });\n\n  // 字典数据\n  let dicData: DicItem[] = [...getDicByKey(props.name)];\n  const data = ref<DicItem[]>(dicData);\n\n  // 取值\n  const modelValue = ref<string | number | undefined>(\n    props.value\n  );\n\n  onActivated(() => {\n    // 缓存页面被激活的时候调用\n    loadDicData();\n  });\n\n  onMounted(() => {\n    if (!isKeepAlive) {\n      // 未缓存页面 挂载的时候调用\n      loadDicData();\n    }\n  });\n\n  // 监听value值的变化\n  watch(\n    () => props.value,\n    val => {\n      modelValue.value = val;\n    }\n  );\n\n  setTimeout(() => {\n    if (!loadingStatus.value) {\n      loadDicData();\n    }\n  }, 1000);\n\n  // 请求字典数据的函数\n  async function loadDicData() {\n    try {\n      loadingStatus.value = true;\n      // 调用注入进来的fetchDic方法\n      await fetchDic(props.name);\n      dicData = [...getDicByKey(props.name)];\n\n      data.value = dicData.filter((item: DicItem) => {\n        return props.include.some(\n          (i: string | number) => i === item.value\n        );\n      });\n    } catch (error) {\n      console.error(\"获取字典数据失败:\", error);\n    }\n  }\n\n  // 监听用户搜索事件\n  const onSearch = (keywords: string) => {\n    sendWorkerSearch(keywords);\n  };\n\n  // 发送搜索到webworker\n  function sendWorkerSearch(keywords: string) {\n    keywords = keywords ?? \"\";\n    data.value = dicData\n      .filter((item: DicItem) => {\n        return (\n          item.value\n            .toString()\n            .toLowerCase()\n            .indexOf(keywords.toLowerCase()) !== -1 ||\n          item.label\n            .toLowerCase()\n            .includes(keywords.toLowerCase())\n        );\n      })\n      .slice(0, 10);\n    if (data.value.length === 0) {\n      data.value = [...dicData].slice(0, 10);\n    }\n  }\n\n  // 监听下拉选择事件\n  const onSelect = (value: string | number) => {\n    // 发射选择的数据\n    emits(\"update:value\", value);\n    // 处理下拉后返回数据的\n    onSelectHandler();\n  };\n\n  // 监听数据改变\n  const onChange = () => {\n    emits(\"update:value\", modelValue.value);\n    emits(\"change\", modelValue.value);\n  };\n\n  /**\n   * 根据当前选中的value匹配对应的整条数据\n   * 然后返回给父组件\n   */\n  function onSelectHandler() {\n    const dicList = getDicByKey(props.name);\n    const rs = dicList.find(\n      (obj: DicItem) => obj.value === modelValue.value\n    );\n    emits(\"select\", rs);\n  }\n\n  watch(\n    () => props.include,\n    (val: Array<string | number>) => {\n      if (val.length > 0) {\n        // 只过滤出来include包含的数据\n        data.value = dicData.filter((item: DicItem) => {\n          return val.some(\n            (i: string | number) => i === item.value\n          );\n        });\n      } else {\n        data.value = dicData;\n      }\n    },\n    {\n      immediate: true\n    }\n  );\n\n  return {\n    data,\n    modelValue,\n    onSearch,\n    onSelect,\n    onChange\n  };\n}\n\n/**\n * 过滤筛选\n * @param inputValue\n * @param options\n */\nconst onFilterOption = (\n  inputValue: string,\n  options: DicItem\n) => {\n  return (\n    options.value\n      .toString()\n      .toLowerCase()\n      .indexOf(inputValue.toLowerCase()) !== -1 ||\n    options.label\n      .toLowerCase()\n      .includes(inputValue.toLowerCase())\n  );\n};\n</script>\n\n<template>\n  <div>\n    {{ data }}\n  </div>\n  <a-select\n    v-model:value=\"modelValue\"\n    style=\"width: 100%\"\n    allow-clear\n    show-search\n    :options=\"data\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :filter-option=\"onFilterOption\"\n    @select=\"onSelect\"\n    @change=\"onChange\"\n  >\n  </a-select>\n</template>\n\n<style scoped></style>\n"],"names":["data","modelValue","onSelect","onChange","_createElementVNode","_unref","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAQd,IAAA,MAAM,KAAA,GAAQ,MAAA;AAEd,IAAA,MAAM,EAAE,WAAA,EAAY,GAAI,WAAA,EAAY;AACpC,IAAA,MAAM,EAAE,GAAA,EAAK,SAAA,EAAU,GAAI,iBAAA,EAAkB;AAE7C,IAAA,MAAM,EAAE,UAAA,EAAY,IAAA,EAAM,QAAA,EAAU,QAAA,KAClC,SAAA,EAAU;AAEZ,IAAA,SAAS,SAAA,GAAY;AACnB,MAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,MAAA,MAAM,aAAA,GAAgB,IAAI,KAAK,CAAA;AAE/B,MAAA,MAAM,cAAc,SAAA,CAAU,IAAA;AAAA,QAC5B,CAAC,IAAA,KAAiB,IAAA,KAAS,KAAA,CAAM;AAAA,OACnC;AAEA,MAAA,MAAM,QAAA,GAAW,MAAA,CAEf,UAAA,EAAY,CAAO,IAAA,KAAiB,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AACpC,QAAA,OAAA,CAAQ,IAAA;AAAA,UACN,oFAA6B,IAAI,CAAA;AAAA,SACnC;AACA,QAAA,OAAO,EAAC;AAAA,MACV,CAAA,CAAC,CAAA;AAGD,MAAA,IAAI,UAAqB,CAAC,GAAG,WAAA,CAAY,KAAA,CAAM,IAAI,CAAC,CAAA;AACpD,MAAA,MAAMA,KAAAA,GAAO,IAAe,OAAO,CAAA;AAGnC,MAAA,MAAMC,WAAAA,GAAa,GAAA;AAAA,QACjB,KAAA,CAAM;AAAA,OACR;AAEA,MAAA,WAAA,CAAY,MAAM;AAEhB,QAAA,WAAA,EAAY;AAAA,MACd,CAAC,CAAA;AAED,MAAA,SAAA,CAAU,MAAM;AACd,QAAA,IAAI,CAAC,WAAA,EAAa;AAEhB,UAAA,WAAA,EAAY;AAAA,QACd;AAAA,MACF,CAAC,CAAA;AAGD,MAAA,KAAA;AAAA,QACE,MAAM,KAAA,CAAM,KAAA;AAAA,QACZ,CAAA,GAAA,KAAO;AACL,UAAAA,YAAW,KAAA,GAAQ,GAAA;AAAA,QACrB;AAAA,OACF;AAEA,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,IAAI,CAAC,cAAc,KAAA,EAAO;AACxB,UAAA,WAAA,EAAY;AAAA,QACd;AAAA,MACF,GAAG,GAAI,CAAA;AAGP,MAAA,SAAe,WAAA,GAAc;AAAA,QAAA,OAAA,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AAC3B,UAAA,IAAI;AACF,YAAA,aAAA,CAAc,KAAA,GAAQ,IAAA;AAEtB,YAAA,MAAM,QAAA,CAAS,MAAM,IAAI,CAAA;AACzB,YAAA,OAAA,GAAU,CAAC,GAAG,WAAA,CAAY,KAAA,CAAM,IAAI,CAAC,CAAA;AAErC,YAAAD,KAAAA,CAAK,KAAA,GAAQ,OAAA,CAAQ,MAAA,CAAO,CAAC,IAAA,KAAkB;AAC7C,cAAA,OAAO,MAAM,OAAA,CAAQ,IAAA;AAAA,gBACnB,CAAC,CAAA,KAAuB,CAAA,KAAM,IAAA,CAAK;AAAA,eACrC;AAAA,YACF,CAAC,CAAA;AAAA,UACH,SAAS,KAAA,EAAO;AACd,YAAA,OAAA,CAAQ,KAAA,CAAM,qDAAa,KAAK,CAAA;AAAA,UAClC;AAAA,QACF,CAAA,CAAA;AAAA,MAAA;AAGA,MAAA,MAAM,QAAA,GAAW,CAAC,QAAA,KAAqB;AACrC,QAAA,gBAAA,CAAiB,QAAQ,CAAA;AAAA,MAC3B,CAAA;AAGA,MAAA,SAAS,iBAAiB,QAAA,EAAkB;AAC1C,QAAA,QAAA,GAAW,QAAA,IAAA,IAAA,GAAA,QAAA,GAAY,EAAA;AACvB,QAAAA,KAAAA,CAAK,KAAA,GAAQ,OAAA,CACV,MAAA,CAAO,CAAC,IAAA,KAAkB;AACzB,UAAA,OACE,KAAK,KAAA,CACF,QAAA,GACA,WAAA,EAAY,CACZ,QAAQ,QAAA,CAAS,WAAA,EAAa,CAAA,KAAM,CAAA,CAAA,IACvC,KAAK,KAAA,CACF,WAAA,GACA,QAAA,CAAS,QAAA,CAAS,aAAa,CAAA;AAAA,QAEtC,CAAC,CAAA,CACA,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA;AACd,QAAA,IAAIA,KAAAA,CAAK,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG;AAC3B,UAAAA,KAAAA,CAAK,QAAQ,CAAC,GAAG,OAAO,CAAA,CAAE,KAAA,CAAM,GAAG,EAAE,CAAA;AAAA,QACvC;AAAA,MACF;AAGA,MAAA,MAAME,SAAAA,GAAW,CAAC,KAAA,KAA2B;AAE3C,QAAA,KAAA,CAAM,gBAAgB,KAAK,CAAA;AAE3B,QAAA,eAAA,EAAgB;AAAA,MAClB,CAAA;AAGA,MAAA,MAAMC,YAAW,MAAM;AACrB,QAAA,KAAA,CAAM,cAAA,EAAgBF,YAAW,KAAK,CAAA;AACtC,QAAA,KAAA,CAAM,QAAA,EAAUA,YAAW,KAAK,CAAA;AAAA,MAClC,CAAA;AAMA,MAAA,SAAS,eAAA,GAAkB;AACzB,QAAA,MAAM,OAAA,GAAU,WAAA,CAAY,KAAA,CAAM,IAAI,CAAA;AACtC,QAAA,MAAM,KAAK,OAAA,CAAQ,IAAA;AAAA,UACjB,CAAC,GAAA,KAAiB,GAAA,CAAI,KAAA,KAAUA,WAAAA,CAAW;AAAA,SAC7C;AACA,QAAA,KAAA,CAAM,UAAU,EAAE,CAAA;AAAA,MACpB;AAEA,MAAA,KAAA;AAAA,QACE,MAAM,KAAA,CAAM,OAAA;AAAA,QACZ,CAAC,GAAA,KAAgC;AAC/B,UAAA,IAAI,GAAA,CAAI,SAAS,CAAA,EAAG;AAElB,YAAAD,KAAAA,CAAK,KAAA,GAAQ,OAAA,CAAQ,MAAA,CAAO,CAAC,IAAA,KAAkB;AAC7C,cAAA,OAAO,GAAA,CAAI,IAAA;AAAA,gBACT,CAAC,CAAA,KAAuB,CAAA,KAAM,IAAA,CAAK;AAAA,eACrC;AAAA,YACF,CAAC,CAAA;AAAA,UACH,CAAA,MAAO;AACL,YAAAA,MAAK,KAAA,GAAQ,OAAA;AAAA,UACf;AAAA,QACF,CAAA;AAAA,QACA;AAAA,UACE,SAAA,EAAW;AAAA;AACb,OACF;AAEA,MAAA,OAAO;AAAA,QACL,IAAA,EAAAA,KAAAA;AAAA,QACA,UAAA,EAAAC,WAAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA,EAAAC,SAAAA;AAAA,QACA,QAAA,EAAAC;AAAA,OACF;AAAA,IACF;AAOA,IAAA,MAAM,cAAA,GAAiB,CACrB,UAAA,EACA,OAAA,KACG;AACH,MAAA,OACE,QAAQ,KAAA,CACL,QAAA,GACA,WAAA,EAAY,CACZ,QAAQ,UAAA,CAAW,WAAA,EAAa,CAAA,KAAM,CAAA,CAAA,IACzC,QAAQ,KAAA,CACL,WAAA,GACA,QAAA,CAAS,UAAA,CAAW,aAAa,CAAA;AAAA,IAExC,CAAA;;;;;;;UAIEC,kBAAA;AAAA,YAEM,KAAA;AAAA;4BADDC,KAAA,CAAA,IAAA,CAAI,CAAA;AAAA,YAAA;AAAA;AAAA,WAAA;AAAA,UAETC,YAYW,mBAAA,EAAA;AAAA,YAXD,KAAA,EAAOD,MAAA,UAAA,CAAA;AAAA,wFAAA,UAAA,CAAU,QAAA,MAAA,GAAA,IAAA,CAAA;AAAA,YACzB,KAAA,EAAA,EAAA,OAAA,EAAA,MAAA,EAAA;AAAA,YACA,aAAA,EAAA,EAAA;AAAA,YACA,aAAA,EAAA,EAAA;AAAA,YACC,OAAA,EAASA,MAAA,IAAA,CAAA;AAAA,YACT,aAAa,OAAA,CAAA,WAAA;AAAA,YACb,UAAU,OAAA,CAAA,QAAA;AAAA,YACV,eAAA,EAAe,cAAA;AAAA,YACf,QAAA,EAAQA,MAAA,QAAA,CAAA;AAAA,YACR,QAAA,EAAQA,MAAA,QAAA;AAAA;;;;;;;;;;;"}

package/dist/esm/components/table-form/TableForm.mjs

@@ -1,4 +1,4 @@
-import { isVNode, Comment, Text, defineComponent, ref, computed, provide, createVNode, mergeProps } from 'vue';
+import { isVNode, defineComponent, ref, computed, provide, Comment, Text, createVNode, mergeProps } from 'vue';
 import { Col, FormItem, Form, Row } from 'ant-design-vue';
 import { DEFAULT_STYLES_CONFIG, tableFormProps } from './interface.mjs';
 import { useFormItemStyle } from './style.mjs';
@@ -8,28 +8,20 @@ import { useAntdToken, useDesign } from '../../hooks/useDesign.mjs';
 import { withInstall } from '../../utils/withInstall.mjs';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const FormContextKey = Symbol("d-table-form-context");
-const getValidVNodesCount = (vnodes) => {
-  let count = 0;
-  if (Array.isArray(vnodes)) {
-    vnodes.forEach((vnode) => {
-      if (isVNode(vnode)) {
-        if (vnode.type !== Comment && vnode.type !== Text && vnode.children !== " ") {
-          count++;
-        }
-      } else if (Array.isArray(vnode)) {
-        count += getValidVNodesCount(vnode);
-      } else if (typeof vnode === "string" && vnode.trim() !== "") {
-        count++;
-      }
-    });
+const getVNodeSpan = (vnode) => {
+  var _a;
+  if (vnode && vnode.props) {
+    const s = (_a = vnode.props.span) != null ? _a : vnode.props["span"];
+    if (s !== void 0 && s !== null) return Number(s);
   }
-  return count;
+  return 24;
 };
 const containerBorderStyle = css`
-  /* 顶部边框 */
   border-top: 1px solid #d9d9d9;
-  /* 左侧边框 */
   border-left: 1px solid #d9d9d9;
 `;
 const _TableForm = /* @__PURE__ */ defineComponent({
@@ -45,7 +37,7 @@ const _TableForm = /* @__PURE__ */ defineComponent({
       getPrefixCls
     } = useDesign("table-form");
     const formRef = ref();
-    const calculatedSpan = computed(() => Math.floor(24 / props.colCount));
+    const defaultSpan = computed(() => 24);
     const isReadonly = computed(() => props.readonly);
     const finalStylesConfig = computed(() => {
       const defaultCopy = JSON.parse(JSON.stringify(DEFAULT_STYLES_CONFIG));
@@ -54,47 +46,81 @@ const _TableForm = /* @__PURE__ */ defineComponent({
     const modelState = computed(() => attrs.model);
     provide(FormContextKey, {
       isFormParent: true,
-      span: calculatedSpan,
-      fieldErrors: {},
+      span: defaultSpan,
+      fieldErrors: ref({}),
       isReadonly,
       stylesConfig: finalStylesConfig,
       model: modelState
     });
-    const fillerCols = computed(() => {
+    const flattenVNodes = (children) => {
+      let result = [];
+      const vnodes = Array.isArray(children) ? children : [children];
+      vnodes.forEach((v) => {
+        var _a;
+        if (Array.isArray(v)) {
+          result = result.concat(flattenVNodes(v));
+        } else if (isVNode(v)) {
+          if (v.type === Symbol.for("v-fgt") || ((_a = v.type) == null ? void 0 : _a.toString()) === "Symbol(Fragment)") {
+            result = result.concat(flattenVNodes(v.children));
+          } else if (v.type !== Comment && v.type !== Text) {
+            result.push(v);
+          }
+        }
+      });
+      return result;
+    };
+    const renderItems = () => {
       const colCls = getPrefixCls("item-col");
       const styles = useFormItemStyle(finalStylesConfig.value, token);
-      const defaultSlot = slots.default ? slots.default() : [];
-      const itemCounts = getValidVNodesCount(defaultSlot);
-      const colCount = props.colCount;
-      const remainder = itemCounts % colCount;
-      const fillerCount = remainder === 0 ? 0 : colCount - remainder;
-      const span = calculatedSpan.value;
-      const fillerNodes = [];
-      for (let i = 0; i < fillerCount; i++) {
-        fillerNodes.push(createVNode(Col, {
-          "key": `filler-${i}`,
-          "span": span,
+      const rawSlots = slots.default ? slots.default() : [];
+      const vnodes = flattenVNodes(rawSlots);
+      const finalElements = [];
+      let currentLineSpan = 0;
+      vnodes.forEach((vnode, index) => {
+        const span = getVNodeSpan(vnode);
+        if (currentLineSpan > 0 && (currentLineSpan + span > 24 || span === 24)) {
+          const neededSpan = 24 - currentLineSpan;
+          if (neededSpan > 0) {
+            finalElements.push(createVNode(Col, {
+              "key": `filler-mid-${index}`,
+              "span": neededSpan,
+              "class": cx(colCls, styles.cellBorderStyle)
+            }, {
+              default: () => [createVNode(FormItem, null, null)]
+            }));
+          }
+          currentLineSpan = 0;
+        }
+        finalElements.push(vnode);
+        currentLineSpan += span;
+        if (currentLineSpan >= 24) {
+          currentLineSpan = 0;
+        }
+      });
+      if (currentLineSpan > 0) {
+        finalElements.push(createVNode(Col, {
+          "key": "filler-last",
+          "span": 24 - currentLineSpan,
           "class": cx(colCls, styles.cellBorderStyle)
         }, {
-          default: () => [createVNode(FormItem, {
-            "label": "   "
-          }, null)]
+          default: () => [createVNode(FormItem, null, null)]
         }));
       }
-      return fillerNodes;
-    });
+      return finalElements;
+    };
     expose({
       form: formRef
     });
     return () => {
+      let _slot;
       const rootCls = getPrefixCls();
       return createVNode(Form, mergeProps({
         "class": cx(rootCls, containerBorderStyle)
       }, attrs, {
         "ref": formRef
       }), {
-        default: () => [createVNode(Row, null, {
-          default: () => [slots.default ? slots.default() : null, fillerCols.value]
+        default: () => [createVNode(Row, null, _isSlot(_slot = renderItems()) ? _slot : {
+          default: () => [_slot]
         })]
       });
     };

package/dist/esm/components/table-form/TableForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableForm.mjs","sources":["../../../../src/components/table-form/TableForm.tsx"],"sourcesContent":["import {\r\n  Comment,\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  isVNode,\r\n  provide,\r\n  ref,\r\n  Text\r\n} from \"vue\";\r\nimport {\r\n  Col,\r\n  Form,\r\n  FormInstance,\r\n  FormItem,\r\n  Row\r\n} from \"ant-design-vue\";\r\n\r\nimport {\r\n  DEFAULT_STYLES_CONFIG,\r\n  StylesConfig,\r\n  tableFormProps\r\n} from \"./interface\";\r\nimport { useFormItemStyle } from \"./style\";\r\nimport { css, cx } from \"@emotion/css\";\r\nimport { merge } from \"lodash-es\";\r\n\r\nimport {\r\n  useAntdToken,\r\n  useDesign\r\n} from \"../../hooks/useDesign\";\r\n\r\nimport { withInstall } from \"../../utils/withInstall\";\r\n\r\nexport const FormContextKey = Symbol(\r\n  \"d-table-form-context\"\r\n);\r\n\r\n// ⭐️ Context 接口，包含错误状态映射\r\nexport interface TableFormContext {\r\n  isFormParent: true;\r\n  span: ComputedRef<number>;\r\n  isReadonly: ComputedRef<boolean>;\r\n  fieldErrors: ComputedRef<\r\n    Record<string, string | undefined>\r\n  >;\r\n  stylesConfig: ComputedRef<StylesConfig>;\r\n  model: ComputedRef<Record<string, unknown>>;\r\n}\r\n\r\n// 辅助函数：计算插槽中有效 VNode 的数量\r\nconst getValidVNodesCount = (vnodes: unknown): number => {\r\n  let count = 0;\r\n  if (Array.isArray(vnodes)) {\r\n    vnodes.forEach(vnode => {\r\n      if (isVNode(vnode)) {\r\n        // 忽略注释、文本节点、或仅空白的节点\r\n        if (\r\n          vnode.type !== Comment &&\r\n          vnode.type !== Text &&\r\n          vnode.children !== \" \"\r\n        ) {\r\n          count++;\r\n        }\r\n      } else if (Array.isArray(vnode)) {\r\n        // 处理 Fragment 或嵌套数组\r\n        count += getValidVNodesCount(vnode);\r\n      } else if (\r\n        typeof vnode === \"string\" &&\r\n        vnode.trim() !== \"\"\r\n      ) {\r\n        // 处理非空字符串（虽然不常见，但保险起见）\r\n        count++;\r\n      }\r\n    });\r\n  }\r\n  return count;\r\n};\r\n\r\nconst containerBorderStyle = css`\r\n  /* 顶部边框 */\r\n  border-top: 1px solid #d9d9d9;\r\n  /* 左侧边框 */\r\n  border-left: 1px solid #d9d9d9;\r\n`;\r\n\r\nconst _TableForm = defineComponent({\r\n  name: \"DTableForm\",\r\n  props: tableFormProps,\r\n\r\n  setup(props, { slots, attrs, expose }) {\r\n    const token = useAntdToken();\r\n\r\n    const { getPrefixCls } = useDesign(\"table-form\");\r\n    // 表单对象\r\n    const formRef = ref<FormInstance | null>();\r\n\r\n    //动态计算一个col的span值是多少\r\n    const calculatedSpan = computed(() =>\r\n      Math.floor(24 / props.colCount)\r\n    );\r\n\r\n    // ⭐️ 新增：计算只读状态\r\n    const isReadonly = computed(() => props.readonly);\r\n    const finalStylesConfig = computed<StylesConfig>(() => {\r\n      // 1. 创建默认配置的深拷贝\r\n      const defaultCopy = JSON.parse(\r\n        JSON.stringify(DEFAULT_STYLES_CONFIG)\r\n      );\r\n      // 2. 使用 Lodash merge (或 mergeWith) 合并用户传入的配置\r\n      return merge(defaultCopy, props.stylesConfig);\r\n    });\r\n    const modelState = computed(() => attrs.model);\r\n\r\n    // ⭐️ FIX 2: 提供 Context 时，传递 ComputedRef 本身，而不是它的 .value\r\n    provide(FormContextKey, {\r\n      isFormParent: true,\r\n      span: calculatedSpan,\r\n      fieldErrors: {},\r\n      isReadonly: isReadonly,\r\n      stylesConfig: finalStylesConfig,\r\n      model: modelState\r\n    });\r\n\r\n    // ⭐️ 核心逻辑：计算并渲染占位符\r\n    const fillerCols = computed(() => {\r\n      const colCls = getPrefixCls(\"item-col\");\r\n      const styles = useFormItemStyle(\r\n        finalStylesConfig.value,\r\n        token\r\n      );\r\n\r\n      const defaultSlot = slots.default\r\n        ? slots.default()\r\n        : [];\r\n      const itemCounts = getValidVNodesCount(defaultSlot);\r\n      const colCount = props.colCount;\r\n\r\n      // 计算当前行已占用的位置 (余数)\r\n      const remainder = itemCounts % colCount;\r\n      const fillerCount =\r\n        remainder === 0 ? 0 : colCount - remainder;\r\n\r\n      const span = calculatedSpan.value;\r\n      const fillerNodes = [];\r\n\r\n      // 渲染所需数量的空 Col\r\n      for (let i = 0; i < fillerCount; i++) {\r\n        fillerNodes.push(\r\n          <Col\r\n            key={`filler-${i}`}\r\n            span={span}\r\n            class={cx(colCls, styles.cellBorderStyle)}\r\n          >\r\n            <FormItem label={\"   \"}></FormItem>\r\n          </Col>\r\n        );\r\n      }\r\n      return fillerNodes;\r\n    });\r\n\r\n    expose({\r\n      form: formRef\r\n    });\r\n\r\n    return () => {\r\n      const rootCls = getPrefixCls();\r\n\r\n      return (\r\n        <Form\r\n          class={cx(rootCls, containerBorderStyle)}\r\n          {...attrs}\r\n          ref={formRef}\r\n        >\r\n          <Row>\r\n            {/* 渲染所有传入的 FormItem */}\r\n            {slots.default ? slots.default() : null}\r\n            {/* 渲染计算出的占位 Col */}\r\n            {fillerCols.value}\r\n          </Row>\r\n        </Form>\r\n      );\r\n    };\r\n  }\r\n});\r\n\r\nexport const TableForm = withInstall(_TableForm);\r\n"],"names":["FormContextKey","Symbol","getValidVNodesCount","vnodes","count","Array","isArray","forEach","vnode","isVNode","type","Comment","Text","children","trim","containerBorderStyle","css","_TableForm","defineComponent","name","props","tableFormProps","setup","slots","attrs","expose","token","useAntdToken","getPrefixCls","useDesign","formRef","ref","calculatedSpan","computed","Math","floor","colCount","isReadonly","readonly","finalStylesConfig","defaultCopy","JSON","parse","stringify","DEFAULT_STYLES_CONFIG","merge","stylesConfig","modelState","model","provide","isFormParent","span","fieldErrors","fillerCols","colCls","styles","useFormItemStyle","value","defaultSlot","default","itemCounts","remainder","fillerCount","fillerNodes","i","push","_createVNode","Col","cx","cellBorderStyle","FormItem","form","rootCls","Form","_mergeProps","Row","TableForm","withInstall"],"mappings":"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"}
+{"version":3,"file":"TableForm.mjs","sources":["../../../../src/components/table-form/TableForm.tsx"],"sourcesContent":["import {\r\n  Comment,\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  isVNode,\r\n  provide,\r\n  ref,\r\n  Text,\r\n  VNode\r\n} from \"vue\";\r\nimport {\r\n  Col,\r\n  Form,\r\n  FormInstance,\r\n  FormItem,\r\n  Row\r\n} from \"ant-design-vue\";\r\n\r\nimport {\r\n  DEFAULT_STYLES_CONFIG,\r\n  StylesConfig,\r\n  tableFormProps\r\n} from \"./interface\";\r\nimport { useFormItemStyle } from \"./style\";\r\nimport { css, cx } from \"@emotion/css\";\r\nimport { merge } from \"lodash-es\";\r\n\r\nimport {\r\n  useAntdToken,\r\n  useDesign\r\n} from \"../../hooks/useDesign\";\r\n\r\nimport { withInstall } from \"../../utils/withInstall\";\r\n\r\nexport const FormContextKey = Symbol(\r\n  \"d-table-form-context\"\r\n);\r\n\r\nexport interface TableFormContext {\r\n  isFormParent: true;\r\n  span: ComputedRef<number>;\r\n  isReadonly: ComputedRef<boolean>;\r\n  fieldErrors: ComputedRef<\r\n    Record<string, string | undefined>\r\n  >;\r\n  stylesConfig: ComputedRef<StylesConfig>;\r\n  model: ComputedRef<Record<string, unknown>>;\r\n}\r\n\r\nconst getVNodeSpan = (vnode: any): number => {\r\n  if (vnode && vnode.props) {\r\n    const s = vnode.props.span ?? vnode.props[\"span\"];\r\n    if (s !== undefined && s !== null) return Number(s);\r\n  }\r\n  return 24; // 默认占满一行\r\n};\r\n\r\nconst containerBorderStyle = css`\r\n  border-top: 1px solid #d9d9d9;\r\n  border-left: 1px solid #d9d9d9;\r\n`;\r\n\r\nconst _TableForm = defineComponent({\r\n  name: \"DTableForm\",\r\n  props: tableFormProps,\r\n\r\n  setup(props, { slots, attrs, expose }) {\r\n    const token = useAntdToken();\r\n    const { getPrefixCls } = useDesign(\"table-form\");\r\n    const formRef = ref<FormInstance | null>();\r\n\r\n    const defaultSpan = computed(() => 24);\r\n    const isReadonly = computed(() => props.readonly);\r\n    const finalStylesConfig = computed<StylesConfig>(() => {\r\n      const defaultCopy = JSON.parse(\r\n        JSON.stringify(DEFAULT_STYLES_CONFIG)\r\n      );\r\n      return merge(defaultCopy, props.stylesConfig);\r\n    });\r\n    const modelState = computed(\r\n      () => attrs.model as Record<string, unknown>\r\n    );\r\n\r\n    provide(FormContextKey, {\r\n      isFormParent: true,\r\n      span: defaultSpan,\r\n      fieldErrors: ref({}),\r\n      isReadonly: isReadonly,\r\n      stylesConfig: finalStylesConfig,\r\n      model: modelState\r\n    });\r\n\r\n    const flattenVNodes = (children: any): VNode[] => {\r\n      let result: VNode[] = [];\r\n      const vnodes = Array.isArray(children)\r\n        ? children\r\n        : [children];\r\n      vnodes.forEach(v => {\r\n        if (Array.isArray(v)) {\r\n          result = result.concat(flattenVNodes(v));\r\n        } else if (isVNode(v)) {\r\n          if (\r\n            v.type === Symbol.for(\"v-fgt\") ||\r\n            v.type?.toString() === \"Symbol(Fragment)\"\r\n          ) {\r\n            result = result.concat(\r\n              flattenVNodes(v.children)\r\n            );\r\n          } else if (\r\n            v.type !== Comment &&\r\n            v.type !== Text\r\n          ) {\r\n            result.push(v);\r\n          }\r\n        }\r\n      });\r\n      return result;\r\n    };\r\n\r\n    /**\r\n     * 核心逻辑：重新编排节点序列，在必要位置插入补位 Col\r\n     */\r\n    const renderItems = () => {\r\n      const colCls = getPrefixCls(\"item-col\");\r\n      const styles = useFormItemStyle(\r\n        finalStylesConfig.value,\r\n        token\r\n      );\r\n      const rawSlots = slots.default ? slots.default() : [];\r\n      const vnodes = flattenVNodes(rawSlots);\r\n\r\n      const finalElements: VNode[] = [];\r\n      let currentLineSpan = 0;\r\n\r\n      vnodes.forEach((vnode, index) => {\r\n        const span = getVNodeSpan(vnode);\r\n\r\n        // 如果当前行放不下这个节点，或者当前节点是 span 24 且之前行未满\r\n        // 则需要先给上一行打个补丁\r\n        if (\r\n          currentLineSpan > 0 &&\r\n          (currentLineSpan + span > 24 || span === 24)\r\n        ) {\r\n          const neededSpan = 24 - currentLineSpan;\r\n          if (neededSpan > 0) {\r\n            finalElements.push(\r\n              <Col\r\n                key={`filler-mid-${index}`}\r\n                span={neededSpan}\r\n                class={cx(colCls, styles.cellBorderStyle)}\r\n              >\r\n                <FormItem></FormItem>\r\n              </Col>\r\n            );\r\n          }\r\n          currentLineSpan = 0; // 开启新行\r\n        }\r\n\r\n        finalElements.push(vnode);\r\n\r\n        // 累加计算当前行已占 span\r\n        currentLineSpan += span;\r\n        if (currentLineSpan >= 24) {\r\n          currentLineSpan = 0;\r\n        }\r\n      });\r\n\r\n      // 最后一行不满 24，补充最后一块\r\n      if (currentLineSpan > 0) {\r\n        finalElements.push(\r\n          <Col\r\n            key=\"filler-last\"\r\n            span={24 - currentLineSpan}\r\n            class={cx(colCls, styles.cellBorderStyle)}\r\n          >\r\n            <FormItem></FormItem>\r\n          </Col>\r\n        );\r\n      }\r\n\r\n      return finalElements;\r\n    };\r\n\r\n    expose({ form: formRef });\r\n\r\n    return () => {\r\n      const rootCls = getPrefixCls();\r\n      return (\r\n        <Form\r\n          class={cx(rootCls, containerBorderStyle)}\r\n          {...attrs}\r\n          ref={formRef}\r\n        >\r\n          <Row>{renderItems()}</Row>\r\n        </Form>\r\n      );\r\n    };\r\n  }\r\n});\r\n\r\nexport const TableForm = withInstall(_TableForm);\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","FormContextKey","Symbol","getVNodeSpan","vnode","props","span","undefined","Number","containerBorderStyle","css","_TableForm","defineComponent","name","tableFormProps","setup","slots","attrs","expose","token","useAntdToken","getPrefixCls","useDesign","formRef","ref","defaultSpan","computed","isReadonly","readonly","finalStylesConfig","defaultCopy","JSON","parse","stringify","DEFAULT_STYLES_CONFIG","merge","stylesConfig","modelState","model","provide","isFormParent","fieldErrors","flattenVNodes","children","result","vnodes","Array","isArray","forEach","v","concat","isVNode","type","for","Comment","Text","push","renderItems","colCls","styles","useFormItemStyle","value","rawSlots","default","finalElements","currentLineSpan","index","neededSpan","_createVNode","Col","cx","cellBorderStyle","FormItem","form","_slot","rootCls","Form","_mergeProps","Row","TableForm","withInstall"],"mappings":"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"}

package/dist/esm/components/table-form/interface.mjs

@@ -35,11 +35,6 @@ const DEFAULT_STYLES_CONFIG = {
   focusBorderColor: "#1677ff"
 };
 const tableFormProps = {
-  colCount: {
-    type: Number,
-    default: 4,
-    required: true
-  },
   readonly: {
     type: Boolean,
     default: false

package/dist/esm/components/table-form/interface.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"interface.mjs","sources":["../../../../src/components/table-form/interface.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from \"vue\";\r\n\r\n// 接口：定义你的 Props 应该有哪些属性和类型\r\nexport interface DTableFormItemProps {\r\n  name: string;\r\n  label?: string;\r\n  required?: boolean;\r\n  rules?: unknown[]; // 简化，实际应定义详细校验规则类型\r\n  colon?: boolean;\r\n  extra?: string;\r\n}\r\n\r\nexport type Formatter = (value: unknown, name: unknown) => unknown;\r\n\r\n// 运行时 Props 的定义 (常量)\r\nexport const tableFormItemProps = {\r\n  // 字典名字\r\n  dicName: {\r\n    type: String,\r\n    default: undefined\r\n  },\r\n  format: {\r\n    type: Function as PropType<Formatter>,\r\n    // 默认值\r\n    default: (value: unknown, _name: unknown) => value\r\n  }\r\n};\r\n\r\n// ⭐️ 导出默认值常量\r\nexport const DEFAULT_STYLES_CONFIG: StylesConfig = {\r\n  rowHeight: 32,\r\n  borderColor: \"#dfdfdf\",\r\n  borderWidth: 1,\r\n  labelBgColor: \"#EEEEEE\",\r\n  focusBorderColor: \"#1677ff\"\r\n};\r\n\r\nexport interface StylesConfig {\r\n  /**\r\n   * 表格行高度\r\n   */\r\n  rowHeight?: number;\r\n  // 边框颜色\r\n  borderColor?: string;\r\n  // 边框\r\n  borderWidth?: number;\r\n  // 标签颜色label\r\n  labelBgColor?: string;\r\n  //焦点边框颜色\r\n  focusBorderColor?: string;\r\n}\r\n\r\nexport const tableFormProps = {\r\n  colCount: {\r\n    type: Number,\r\n    default: 4,\r\n    required: true as const\r\n  },\r\n  readonly: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  stylesConfig: {\r\n    type: Object as PropType<StylesConfig>,\r\n    default: () => ({ ...DEFAULT_STYLES_CONFIG })\r\n  }\r\n};\r\n\r\n// 导出 Prop 类型，供外部使用 (例如，在 TSX 中使用)\r\nexport type TableFormItemProps = Partial<ExtractPropTypes<typeof tableFormItemProps>>;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAeO,MAAM,kBAAA,GAAqB;AAAA;AAAA,EAEhC,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,KAAA;AAAA,GACX;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA;AAAA,IAEN,OAAA,EAAS,CAAC,KAAA,EAAgB,KAAA,KAAmB;AAAA;AAEjD;AAGO,MAAM,qBAAA,GAAsC;AAAA,EACjD,SAAA,EAAW,EAAA;AAAA,EACX,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,CAAA;AAAA,EACb,YAAA,EAAc,SAAA;AAAA,EACd,gBAAA,EAAkB;AACpB;AAiBO,MAAM,cAAA,GAAiB;AAAA,EAC5B,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,CAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,MAAO,cAAA,CAAA,EAAA,EAAK,qBAAA;AAAA;AAEzB;;;;"}
+{"version":3,"file":"interface.mjs","sources":["../../../../src/components/table-form/interface.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from \"vue\";\r\n\r\n// 接口：定义你的 Props 应该有哪些属性和类型\r\nexport interface DTableFormItemProps {\r\n  name: string;\r\n  label?: string;\r\n  required?: boolean;\r\n  rules?: unknown[]; // 简化，实际应定义详细校验规则类型\r\n  colon?: boolean;\r\n  extra?: string;\r\n}\r\n\r\nexport type Formatter = (\r\n  value: unknown,\r\n  name: unknown\r\n) => unknown;\r\n\r\n// 运行时 Props 的定义 (常量)\r\nexport const tableFormItemProps = {\r\n  // 字典名字\r\n  dicName: {\r\n    type: String,\r\n    default: undefined\r\n  },\r\n  format: {\r\n    type: Function as PropType<Formatter>,\r\n    // 默认值\r\n    default: (value: unknown, _name: unknown) => value\r\n  }\r\n};\r\n\r\n// ⭐️ 导出默认值常量\r\nexport const DEFAULT_STYLES_CONFIG: StylesConfig = {\r\n  rowHeight: 32,\r\n  borderColor: \"#dfdfdf\",\r\n  borderWidth: 1,\r\n  labelBgColor: \"#EEEEEE\",\r\n  focusBorderColor: \"#1677ff\"\r\n};\r\n\r\nexport interface StylesConfig {\r\n  /**\r\n   * 表格行高度\r\n   */\r\n  rowHeight?: number;\r\n  // 边框颜色\r\n  borderColor?: string;\r\n  // 边框\r\n  borderWidth?: number;\r\n  // 标签颜色label\r\n  labelBgColor?: string;\r\n  //焦点边框颜色\r\n  focusBorderColor?: string;\r\n}\r\n\r\nexport const tableFormProps = {\r\n  readonly: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  stylesConfig: {\r\n    type: Object as PropType<StylesConfig>,\r\n    default: () => ({ ...DEFAULT_STYLES_CONFIG })\r\n  }\r\n};\r\n\r\n// 导出 Prop 类型，供外部使用 (例如，在 TSX 中使用)\r\nexport type TableFormItemProps = Partial<\r\n  ExtractPropTypes<typeof tableFormItemProps>\r\n>;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAkBO,MAAM,kBAAA,GAAqB;AAAA;AAAA,EAEhC,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,KAAA;AAAA,GACX;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA;AAAA,IAEN,OAAA,EAAS,CAAC,KAAA,EAAgB,KAAA,KAAmB;AAAA;AAEjD;AAGO,MAAM,qBAAA,GAAsC;AAAA,EACjD,SAAA,EAAW,EAAA;AAAA,EACX,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,CAAA;AAAA,EACb,YAAA,EAAc,SAAA;AAAA,EACd,gBAAA,EAAkB;AACpB;AAiBO,MAAM,cAAA,GAAiB;AAAA,EAC5B,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,MAAO,cAAA,CAAA,EAAA,EAAK,qBAAA;AAAA;AAEzB;;;;"}

package/dist/esm/components/table-form/style.mjs

@@ -2,7 +2,12 @@ import { css } from '@emotion/css';
 
 "use strict";
 const useFormItemStyle = (styles, _token) => {
-  const { rowHeight, labelBgColor, borderColor, focusBorderColor } = styles;
+  const {
+    rowHeight,
+    labelBgColor,
+    borderColor,
+    focusBorderColor
+  } = styles;
   const boxShadowStyle = `0 0 0 1px  ${focusBorderColor}`;
   const inputFocusStyles = `
     &:focus{

package/dist/esm/components/table-form/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/table-form/style.ts"],"sourcesContent":["import { ComputedRef } from \"vue\";\r\n\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nimport { StylesConfig } from \"./interface\";\r\n\r\n/**\r\n * 表单项样式\r\n */\r\nexport const useFormItemStyle = (styles: StylesConfig, _token: ComputedRef<GlobalToken>) => {\r\n  const { rowHeight, labelBgColor, borderColor, focusBorderColor } = styles;\r\n  //TODO _token 后续得兼容下主题色\r\n  const boxShadowStyle = `0 0 0 1px  ${focusBorderColor}`;\r\n  const inputFocusStyles = `\r\n    &:focus{\r\n      box-shadow: ${boxShadowStyle};\r\n    }\r\n  `;\r\n\r\n  return {\r\n    cellBorderStyle: css`\r\n      //min-height: ${rowHeight}px;\r\n      /* 现有单元格边框 */\r\n      border-right: 1px solid ${borderColor};\r\n      border-bottom: 1px solid ${borderColor};\r\n\r\n      .ant-form-item {\r\n        height: 100%;\r\n        margin-bottom: 0 !important;\r\n\r\n        .ant-form-item-row {\r\n          height: 100%;\r\n\r\n          .ant-form-item-label {\r\n            height: 100%;\r\n            border-right: 1px solid ${borderColor};\r\n            background-color: ${labelBgColor};\r\n\r\n            & > label {\r\n              height: ${rowHeight}px;\r\n            }\r\n          }\r\n\r\n          .ant-form-item-control-input {\r\n            height: 100%;\r\n\r\n            .ant-form-item-control-input-content {\r\n              display: flex;\r\n              align-items: center;\r\n              height: 100%;\r\n\r\n              .ant-radio-group {\r\n                margin-left: 10px;\r\n              }\r\n\r\n              input,\r\n              .ant-picker,\r\n              .ant-select {\r\n                width: 100%;\r\n                height: 100%;\r\n              }\r\n              .ant-select-selector {\r\n                display: flex;\r\n                align-items: center;\r\n                height: 100%;\r\n              }\r\n            }\r\n          }\r\n\r\n          .ant-input,\r\n          .ant-select-selector,\r\n          .ant-input-number,\r\n          .ant-picker {\r\n            border: 0;\r\n            border-radius: 0;\r\n\r\n            ${inputFocusStyles}\r\n            // 数字输入框要单独处理\r\n            .ant-input-number-input {\r\n              border: 0;\r\n              border-radius: 0;\r\n              ${inputFocusStyles};\r\n            }\r\n          }\r\n\r\n          .ant-picker-focused,\r\n          .ant-select-focused {\r\n            box-shadow: ${boxShadowStyle};\r\n          }\r\n\r\n          .ant-input[disabled] {\r\n            ${inputFocusStyles}\r\n          }\r\n        }\r\n\r\n        .ant-input-status-error,\r\n        .ant-picker-status-error,\r\n        .ant-select-status-error {\r\n          box-shadow: 0 0 0 1px red;\r\n          border-radius: 0;\r\n        }\r\n      }\r\n    `,\r\n    valueDisplayClass: css`\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      padding: 0 11px 0 11px;\r\n      align-items: center;\r\n    `,\r\n    // 内部元素：实现文本溢出\r\n    textWrapperClass: css`\r\n      /* ⭐️ 核心修复：确保内部元素可以被压缩，且强制文本在一行 */\r\n      flex-grow: 1; /* 占据可用空间 */\r\n      min-width: 0;\r\n\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    `\r\n  };\r\n};\r\n"],"names":[],"mappings":";;;AAUO,MAAM,gBAAA,GAAmB,CAAC,MAAA,EAAsB,MAAA,KAAqC;AAC1F,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAc,WAAA,EAAa,kBAAiB,GAAI,MAAA;AAEnE,EAAA,MAAM,cAAA,GAAiB,cAAc,gBAAgB,CAAA,CAAA;AACrD,EAAA,MAAM,gBAAA,GAAmB;AAAA;AAAA,kBAAA,EAEP,cAAc,CAAA;AAAA;AAAA,EAAA,CAAA;AAIhC,EAAA,OAAO;AAAA,IACL,eAAA,EAAiB,GAAA;AAAA,oBAAA,EACC,SAAS,CAAA;AAAA;AAAA,8BAAA,EAEC,WAAW,CAAA;AAAA,+BAAA,EACV,WAAW,CAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,oCAAA,EAWN,WAAW,CAAA;AAAA,8BAAA,EACjB,YAAY,CAAA;;AAAA;AAAA,sBAAA,EAGpB,SAAS,CAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,YAAA,EAqCnB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAKd,gBAAgB,CAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,wBAAA,EAMN,cAAc,CAAA;AAAA;;AAAA;AAAA,YAAA,EAI1B,gBAAgB;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAY1B,iBAAA,EAAmB,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA;AAAA,IAQnB,gBAAA,EAAkB,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,GASpB;AACF;;;;"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/table-form/style.ts"],"sourcesContent":["import { ComputedRef } from \"vue\";\r\n\r\nimport { StylesConfig } from \"./interface\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\n/**\r\n * 表单项样式\r\n */\r\nexport const useFormItemStyle = (\r\n  styles: StylesConfig,\r\n  _token: ComputedRef<GlobalToken>\r\n) => {\r\n  const {\r\n    rowHeight,\r\n    labelBgColor,\r\n    borderColor,\r\n    focusBorderColor\r\n  } = styles;\r\n  //TODO _token 后续得兼容下主题色\r\n  const boxShadowStyle = `0 0 0 1px  ${focusBorderColor}`;\r\n  const inputFocusStyles = `\r\n    &:focus{\r\n      box-shadow: ${boxShadowStyle};\r\n    }\r\n  `;\r\n\r\n  return {\r\n    cellBorderStyle: css`\r\n      //min-height: ${rowHeight}px;\r\n      /* 现有单元格边框 */\r\n      border-right: 1px solid ${borderColor};\r\n      border-bottom: 1px solid ${borderColor};\r\n\r\n      .ant-form-item {\r\n        height: 100%;\r\n        margin-bottom: 0 !important;\r\n\r\n        .ant-form-item-row {\r\n          height: 100%;\r\n\r\n          .ant-form-item-label {\r\n            height: 100%;\r\n            border-right: 1px solid ${borderColor};\r\n            background-color: ${labelBgColor};\r\n\r\n            & > label {\r\n              height: ${rowHeight}px;\r\n            }\r\n          }\r\n\r\n          .ant-form-item-control-input {\r\n            height: 100%;\r\n\r\n            .ant-form-item-control-input-content {\r\n              display: flex;\r\n              align-items: center;\r\n              height: 100%;\r\n\r\n              .ant-radio-group {\r\n                margin-left: 10px;\r\n              }\r\n\r\n              input,\r\n              .ant-picker,\r\n              .ant-select {\r\n                width: 100%;\r\n                height: 100%;\r\n              }\r\n              .ant-select-selector {\r\n                display: flex;\r\n                align-items: center;\r\n                height: 100%;\r\n              }\r\n            }\r\n          }\r\n\r\n          .ant-input,\r\n          .ant-select-selector,\r\n          .ant-input-number,\r\n          .ant-picker {\r\n            border: 0;\r\n            border-radius: 0;\r\n\r\n            ${inputFocusStyles}\r\n            // 数字输入框要单独处理\r\n            .ant-input-number-input {\r\n              border: 0;\r\n              border-radius: 0;\r\n              ${inputFocusStyles};\r\n            }\r\n          }\r\n\r\n          .ant-picker-focused,\r\n          .ant-select-focused {\r\n            box-shadow: ${boxShadowStyle};\r\n          }\r\n\r\n          .ant-input[disabled] {\r\n            ${inputFocusStyles}\r\n          }\r\n        }\r\n\r\n        .ant-input-status-error,\r\n        .ant-picker-status-error,\r\n        .ant-select-status-error {\r\n          box-shadow: 0 0 0 1px red;\r\n          border-radius: 0;\r\n        }\r\n      }\r\n    `,\r\n    valueDisplayClass: css`\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      padding: 0 11px 0 11px;\r\n      align-items: center;\r\n    `,\r\n    // 内部元素：实现文本溢出\r\n    textWrapperClass: css`\r\n      /* ⭐️ 核心修复：确保内部元素可以被压缩，且强制文本在一行 */\r\n      flex-grow: 1; /* 占据可用空间 */\r\n      min-width: 0;\r\n\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    `\r\n  };\r\n};\r\n"],"names":[],"mappings":";;;AASO,MAAM,gBAAA,GAAmB,CAC9B,MAAA,EACA,MAAA,KACG;AACH,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF,GAAI,MAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,cAAc,gBAAgB,CAAA,CAAA;AACrD,EAAA,MAAM,gBAAA,GAAmB;AAAA;AAAA,kBAAA,EAEP,cAAc,CAAA;AAAA;AAAA,EAAA,CAAA;AAIhC,EAAA,OAAO;AAAA,IACL,eAAA,EAAiB,GAAA;AAAA,oBAAA,EACC,SAAS,CAAA;AAAA;AAAA,8BAAA,EAEC,WAAW,CAAA;AAAA,+BAAA,EACV,WAAW,CAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,oCAAA,EAWN,WAAW,CAAA;AAAA,8BAAA,EACjB,YAAY,CAAA;;AAAA;AAAA,sBAAA,EAGpB,SAAS,CAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA,YAAA,EAqCnB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAKd,gBAAgB,CAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,wBAAA,EAMN,cAAc,CAAA;AAAA;;AAAA;AAAA,YAAA,EAI1B,gBAAgB;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAY1B,iBAAA,EAAmB,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA;AAAA,IAQnB,gBAAA,EAAkB,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,GASpB;AACF;;;;"}

package/dist/types/components/dic/DicReplace.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     value: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -13,12 +13,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     value: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
 }>> & Readonly<{}>, {
     name: string;
-    value: string;
+    value: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=DicReplace.d.ts.map

package/dist/types/components/dic/DicReplace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DicReplace.d.ts","sourceRoot":"","sources":["../../../../src/components/dic/DicReplace.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoBA,wBAoFG"}
+{"version":3,"file":"DicReplace.d.ts","sourceRoot":"","sources":["../../../../src/components/dic/DicReplace.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBA,wBAuFG"}

package/dist/types/components/select/Select.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.vue.ts"],"names":[],"mappings":"AAeA,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAFQ,MAAM,GAAG,MAAM;eACf,MAAM;;eADN,MAAM,GAAG,MAAM;eACf,MAAM;;sBAsHY,MAAM,GAAG,MAAM;;;;mBAvHjC,MAAM,GAAG,MAAM;mBACf,MAAM;;mBADN,MAAM,GAAG,MAAM;mBACf,MAAM;;;6BA4Fe,MAAM;0BA0BT,MAAM,GAAG,MAAM;;;iCA2D5B,MAAM,WACT,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA9KlB,wBAgME"}
+{"version":3,"file":"Select.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.vue.ts"],"names":[],"mappings":"AAeA,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAFQ,MAAM,GAAG,MAAM;eACf,MAAM;;eADN,MAAM,GAAG,MAAM;eACf,MAAM;;sBA2HY,MAAM,GAAG,MAAM;;;;mBA5HjC,MAAM,GAAG,MAAM;mBACf,MAAM;;mBADN,MAAM,GAAG,MAAM;mBACf,MAAM;;;6BAiGe,MAAM;0BA0BT,MAAM,GAAG,MAAM;;;iCA2D5B,MAAM,WACT,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnLlB,wBAqME"}

package/dist/types/components/table-form/TableForm.d.ts

@@ -10,11 +10,6 @@ export interface TableFormContext {
     model: ComputedRef<Record<string, unknown>>;
 }
 export declare const TableForm: import("../../utils/withInstall").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    colCount: {
-        type: NumberConstructor;
-        default: number;
-        required: true;
-    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -30,11 +25,6 @@ export declare const TableForm: import("../../utils/withInstall").SFCWithInstall
         };
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    colCount: {
-        type: NumberConstructor;
-        default: number;
-        required: true;
-    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,7 +40,6 @@ export declare const TableForm: import("../../utils/withInstall").SFCWithInstall
         };
     };
 }>> & Readonly<{}>, {
-    colCount: number;
     readonly: boolean;
     stylesConfig: StylesConfig;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/dist/types/components/table-form/TableForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableForm.d.ts","sourceRoot":"","sources":["../../../../src/components/table-form/TableForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAMZ,MAAM,KAAK,CAAC;AASb,OAAO,EAEL,YAAY,EAEb,MAAM,aAAa,CAAC;AAYrB,eAAO,MAAM,cAAc,eAE1B,CAAC;AAGF,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,IAAI,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,EAAE,WAAW,CACtB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CACnC,CAAC;IACF,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAC7C;AA0ID,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAA0B,CAAC"}
+{"version":3,"file":"TableForm.d.ts","sourceRoot":"","sources":["../../../../src/components/table-form/TableForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAOZ,MAAM,KAAK,CAAC;AASb,OAAO,EAEL,YAAY,EAEb,MAAM,aAAa,CAAC;AAYrB,eAAO,MAAM,cAAc,eAE1B,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,IAAI,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,EAAE,WAAW,CACtB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CACnC,CAAC;IACF,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAC7C;AAyJD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAA0B,CAAC"}

package/dist/types/components/table-form/interface.d.ts

@@ -30,11 +30,6 @@ export interface StylesConfig {
     focusBorderColor?: string;
 }
 export declare const tableFormProps: {
-    colCount: {
-        type: NumberConstructor;
-        default: number;
-        required: true;
-    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;

package/dist/types/components/table-form/interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../src/components/table-form/interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGtD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;AAGnE,eAAO,MAAM,kBAAkB;;;;;;cAOT,QAAQ,CAAC,SAAS,CAAC;yBAEpB,OAAO,SAAS,OAAO;;CAE3C,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,YAMnC,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;cAWP,QAAQ,CAAC,YAAY,CAAC;;YAzBxC;;eAEG;wBACS,MAAM;0BAEJ,MAAM;0BAEN,MAAM;2BAEL,MAAM;+BAEF,MAAM;;;CAiB1B,CAAC;AAGF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,gBAAgB,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../src/components/table-form/interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGtD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,SAAS,GAAG,CACtB,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,OAAO,KACV,OAAO,CAAC;AAGb,eAAO,MAAM,kBAAkB;;;;;;cAOT,QAAQ,CAAC,SAAS,CAAC;yBAEpB,OAAO,SAAS,OAAO;;CAE3C,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,YAMnC,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc;;;;;;cAMP,QAAQ,CAAC,YAAY,CAAC;;YApBxC;;eAEG;wBACS,MAAM;0BAEJ,MAAM;0BAEN,MAAM;2BAEL,MAAM;+BAEF,MAAM;;;CAY1B,CAAC;AAGF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACtC,gBAAgB,CAAC,OAAO,kBAAkB,CAAC,CAC5C,CAAC"}

package/dist/types/components/table-form/style.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef } from "vue";
-import type { GlobalToken } from "ant-design-vue/es/theme/interface";
 import { StylesConfig } from "./interface";
+import type { GlobalToken } from "ant-design-vue/es/theme/interface";
 /**
  * 表单项样式
  */

package/dist/types/components/table-form/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/components/table-form/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAGlC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,gBAAgB,WAAY,YAAY,UAAU,WAAW,CAAC,WAAW,CAAC;;;;CAgHtF,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/components/table-form/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,gBAAgB,WACnB,YAAY,UACZ,WAAW,CAAC,WAAW,CAAC;;;;CAsHjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "5.1.6",
+  "version": "5.1.9",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -29,7 +29,7 @@
     "./theme/*": "./dist/style/*"
   },
   "dependencies": {
-    "@ditari/store": "^5.1.2",
+    "@ditari/store": "^5.1.4",
     "@ditari/core": "^5.1.3"
   }
 }