@ditari/bsui 5.1.4 → 5.1.6

package/dist/cjs/components/table/Table.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var antDesignVue = require('ant-design-vue');
 var css = require('@emotion/css');
-var lodash = require('lodash');
+var lodashEs = require('lodash-es');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -120,7 +120,7 @@ const DTable = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
     });
     function useProps() {
-      const _config = vue.computed(() => lodash.merge({}, defaultConfig, props.config));
+      const _config = vue.computed(() => lodashEs.merge({}, defaultConfig, props.config));
       const columns2 = vue.computed(() => _config.value.columns);
       const data2 = vue.computed(() => props.data || []);
       const pagination2 = vue.computed(() => _config.value.pagination || false);

package/dist/cjs/components/table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  onMounted,\r\n  ref,\r\n  watch\r\n} from \"vue\";\r\nimport { type ExtractPropTypes, type PropType } from \"vue\";\r\nimport { Flex, Pagination, Table } from \"ant-design-vue\";\r\nimport { type TablePaginationConfig } from \"ant-design-vue\";\r\n\r\nimport { type PaginationProps } from \"./interface\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { ColumnsType } from \"ant-design-vue/es/table\";\r\nimport type {\r\n  SelectionSelectFn,\r\n  TableRowSelection\r\n} from \"ant-design-vue/es/table/interface\";\r\nimport { merge } from \"lodash\";\r\n\r\nexport type Key = string | number;\r\nexport type SizeType =\r\n  | \"small\"\r\n  | \"middle\"\r\n  | \"large\"\r\n  | undefined;\r\n\r\n// 定义分页\r\ninterface Page {\r\n  total: number;\r\n  current: number;\r\n  pageSize: number;\r\n}\r\n\r\n// 定义表格配置接口，支持泛型\r\ninterface Config<T = unknown> {\r\n  columns: ColumnsType<T>;\r\n  // 分页\r\n  pagination?: Page | undefined;\r\n  // 分页配置\r\n  paginationConfig?: PaginationProps;\r\n  changePagination?: (\r\n    current: number,\r\n    size: number\r\n  ) => void;\r\n  // 单击\r\n  click?: (\r\n    record: Record<string, unknown>,\r\n    index: number\r\n  ) => void;\r\n  // 双击\r\n  dbClick?: (\r\n    record: Record<string, unknown>,\r\n    index: number\r\n  ) => void;\r\n  // 选择框的默认属性配置\r\n  getCheckboxProps?: (\r\n    record: unknown\r\n  ) => Record<string, unknown> | undefined; // 返回一个对象或者 undefined\r\n  // 点击行号激活的class\r\n  activeRowClass?: string;\r\n  // 复选框方式\r\n  selection?: string;\r\n  // 切换分页是否保留选中的ID\r\n  keepSelected?: boolean;\r\n}\r\n\r\n// 定义 Props 类型，支持泛型\r\nexport const tableProps = <T = unknown,>() => ({\r\n  height: { type: Number, default: 0 },\r\n  data: { type: Array as PropType<T[]>, default: () => [] }, // 泛型约束\r\n  loading: { type: Boolean, default: false },\r\n  rowKey: { type: String, default: \"id\" },\r\n  bordered: { type: Boolean, default: false },\r\n  size: {\r\n    type: String as PropType<SizeType>,\r\n    default: \"small\"\r\n  },\r\n  keys: {\r\n    type: Array as PropType<Key[]>,\r\n    default: () => []\r\n  },\r\n  config: {\r\n    type: Object as PropType<Config<T>>,\r\n    required: true\r\n  }\r\n});\r\n\r\nexport type TableProps = Partial<\r\n  ExtractPropTypes<ReturnType<typeof tableProps>>\r\n>;\r\n\r\n// 分页组件默认配置\r\nconst defaultPaginationProps: PaginationProps = {\r\n  defaultPageSize: 20,\r\n  disabled: false,\r\n  hideOnSinglePage: false,\r\n  pageSize: 20,\r\n  pageSizeOptions: [\"20\", \"40\", \"60\", \"80\", \"99\"],\r\n  responsive: false,\r\n  showLessItems: false,\r\n  showQuickJumper: true,\r\n  showSizeChanger: true, // 默认展示切换器\r\n  showTotal: total => `总共 ${total} 条数据`,\r\n  simple: false,\r\n  size: \"default\",\r\n  total: 0\r\n};\r\n\r\n// 表格默认配置\r\nconst defaultConfig: Config = {\r\n  columns: [],\r\n  pagination: undefined,\r\n  paginationConfig: defaultPaginationProps,\r\n  activeRowClass: \"\",\r\n  selection: \"N\",\r\n  keepSelected: false\r\n};\r\n\r\nconst paginationStyle = css`\r\n  display: flex;\r\n  justify-content: center;\r\n  padding-top: 6px;\r\n`;\r\n\r\n// 定义泛型组件\r\nconst DTable = defineComponent({\r\n  name: \"DTable\",\r\n  props: tableProps(), // 初始泛型设置为 `unknown`\r\n  emits: [\"update:keys\"],\r\n  setup(props, { emit, slots, attrs }) {\r\n    // 保存选中的唯一id\r\n    const selectedRowKeys = ref<Key[]>(props.keys || []);\r\n    // 计算表格高度\r\n    //const height = computed(() => props.height);\r\n\r\n    const { columns, data, pagination } = useProps();\r\n    const { tableSlots } = useSlots();\r\n    const { paginationConfig, onPaginationChange } =\r\n      usePagination();\r\n    const { tableRef, tableHeight, antTableBodyRef } =\r\n      useHeight();\r\n    const rowSelection = useRowSelection();\r\n\r\n    onMounted(() => {});\r\n\r\n    /**\r\n     * props计算属性处理\r\n     */\r\n    function useProps() {\r\n      // 定义计算属性\r\n      const _config = computed(() =>\r\n        merge({}, defaultConfig, props.config)\r\n      );\r\n      const columns = computed(() => _config.value.columns);\r\n      const data = computed(() => props.data || []);\r\n      const pagination = computed(\r\n        () => _config.value.pagination || false\r\n      );\r\n\r\n      return {\r\n        columns,\r\n        data,\r\n        pagination\r\n      };\r\n    }\r\n\r\n    /**\r\n     * 插槽处理\r\n     */\r\n    function useSlots() {\r\n      // 定义插槽\r\n      const tableSlots = {\r\n        bodyCell: (params: unknown) =>\r\n          slots.bodyCell?.(params),\r\n        summary: () => slots.summary?.()\r\n      };\r\n\r\n      return {\r\n        tableSlots\r\n      };\r\n    }\r\n\r\n    function useHeight() {\r\n      const tableRef = ref();\r\n      const tableHeight = ref(0);\r\n      let headerHeight = 0,\r\n        tableEl: HTMLElement;\r\n\r\n      // 表格body对象\r\n      const antTableBodyRef = ref<HTMLElement>();\r\n\r\n      watch(\r\n        () => props.height,\r\n        val => {\r\n          if (val !== 0) {\r\n            nextTick(() => {\r\n              _tableBodyHeight(val);\r\n            });\r\n          }\r\n        },\r\n        {\r\n          immediate: true\r\n        }\r\n      );\r\n\r\n      function _tableBodyHeight(height: number) {\r\n        tableEl = tableRef?.value?.$el;\r\n        //表头高度\r\n        headerHeight = useEleHeight(\r\n          tableEl.getElementsByClassName(\r\n            \"ant-table-header\"\r\n          )[0]\r\n        );\r\n        // 分页\r\n        const paginationEl = tableEl.getElementsByClassName(\r\n          \"d-pagination\"\r\n        )[0] as HTMLElement | undefined;\r\n        let paginationHeight = 0;\r\n        if (paginationEl) {\r\n          paginationEl.style.marginBottom = \"0\";\r\n          paginationHeight =\r\n            useEleHeight(paginationEl as never) ?? 0;\r\n        }\r\n\r\n        //总结行\r\n        let summaryHeight = 0;\r\n        const summaryEl = tableEl.getElementsByClassName(\r\n          \"ant-table-summary\"\r\n        )[0] as HTMLElement | undefined;\r\n        if (summaryEl) {\r\n          summaryHeight =\r\n            useEleHeight(summaryEl as HTMLElement) ?? 0;\r\n        }\r\n\r\n        tableHeight.value =\r\n          height -\r\n          paginationHeight -\r\n          headerHeight -\r\n          summaryHeight;\r\n\r\n        antTableBodyRef.value =\r\n          tableEl.getElementsByClassName(\r\n            \"ant-table-body\"\r\n          )[0] as HTMLElement;\r\n\r\n        if (antTableBodyRef.value) {\r\n          // 设置body高度\r\n          antTableBodyRef.value.style.height =\r\n            tableHeight.value + \"px\";\r\n          //TODO antTableBodyRef 滚动到底部的时候，需要去除底部边框，否则边框会重叠\r\n          //antTableBodyRef.value.style.borderBottom = \"1px solid #f0f0f0\";\r\n        }\r\n      }\r\n\r\n      return {\r\n        tableRef,\r\n        tableHeight,\r\n        antTableBodyRef\r\n      };\r\n    }\r\n\r\n    function usePagination() {\r\n      const { changePagination } = props.config!;\r\n      const paginationConfig =\r\n        computed<TablePaginationConfig>(() => {\r\n          return {\r\n            position: [\"bottomCenter\"], // 符合类型的分页位置\r\n            total: 0, // 确保符合要求\r\n            ...defaultPaginationProps,\r\n            ...pagination.value\r\n          };\r\n        });\r\n\r\n      const onPaginationChange = (\r\n        page: number,\r\n        pageSize: number\r\n      ) => {\r\n        const { selection, keepSelected } = props.config!;\r\n        changePagination?.(page, pageSize);\r\n        // 切换分页的时候，表体滚动到顶部\r\n        antTableBodyRef.value!.scrollTop = 0;\r\n\r\n        // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\r\n        // 清空历史选中数据\r\n        if (selection === \"S\" || !keepSelected) {\r\n          // 只有selectedRowKeys被清空时，这里才触发update；\r\n          // 不加判断，会出现执行update后，父组件监听的watch每次都会触发\r\n          if (selectedRowKeys.value.length > 0) {\r\n            selectedRowKeys.value = [];\r\n            emit(\"update:keys\", selectedRowKeys.value);\r\n          }\r\n        }\r\n      };\r\n\r\n      return {\r\n        paginationConfig,\r\n        onPaginationChange\r\n      };\r\n    }\r\n\r\n    function useCustomRow() {\r\n      return (record: never, index: number) => {\r\n        // 用于存储 在某个事件内双击两次 则取消单击事件业务\r\n        let clickTimeout: number = 0;\r\n        const {\r\n          rowKey,\r\n          config: {\r\n            click,\r\n            dbClick,\r\n            selection,\r\n            getCheckboxProps\r\n          } = {} as Config\r\n        } = props;\r\n\r\n        // 当前点击行的唯一ID，通过rowKey从record中取值\r\n        const id = record[rowKey];\r\n\r\n        /**\r\n         * 处理单击事件业务\r\n         * @param record 当前点击行数据\r\n         */\r\n        const onClick = () => {\r\n          // 获取getCheckboxProps方法，如果不等于undefined，则执行方法获取disabled的值\r\n          // 否则checkEnable为false\r\n          const checkEnable =\r\n            getCheckboxProps === undefined\r\n              ? false\r\n              : getCheckboxProps(record)?.disabled;\r\n\r\n          if (selection === \"N\" || checkEnable) {\r\n            // 1. 未开启复选框 则不处理数据选中操作\r\n            // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\r\n            // 3. checkEnable 用来判断复选框属性的值，如果当前的数据满足getCheckboxProps这个\r\n            //    方法返回的disabled为true就不执行\r\n            //    复选框选中的操作\r\n            return;\r\n          }\r\n          const haveState = selectedRowKeys.value.some(\r\n            (key: Key) => key === id\r\n          );\r\n          if (haveState) {\r\n            //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\r\n            selectedRowKeys.value =\r\n              selectedRowKeys.value.filter(\r\n                (key: Key) => key !== id\r\n              );\r\n          } else {\r\n            if (selection === \"S\") {\r\n              //单选的时候 清空选中的数据 再赋值新的ID\r\n              selectedRowKeys.value = [];\r\n              selectedRowKeys.value.push(id);\r\n            } else {\r\n              //多选直接追加ID\r\n              selectedRowKeys.value.push(id);\r\n            }\r\n          }\r\n          emit(\"update:keys\", selectedRowKeys.value);\r\n        };\r\n\r\n        function activeRowBackground(event: Event) {\r\n          const { activeRowClass } = props.config!;\r\n          if (!activeRowClass) return;\r\n          const curEl = event.target;\r\n          if (curEl instanceof HTMLElement) {\r\n            const parentElement =\r\n              curEl.parentNode as HTMLElement;\r\n            if (\r\n              parentElement &&\r\n              parentElement.classList.contains(\r\n                activeRowClass\r\n              )\r\n            ) {\r\n              parentElement.classList.remove(\r\n                activeRowClass\r\n              );\r\n            } else {\r\n              parentElement?.classList.add(activeRowClass);\r\n            }\r\n          }\r\n        }\r\n\r\n        return {\r\n          onClick: (event: Event) => {\r\n            clearTimeout(clickTimeout);\r\n            clickTimeout = window.setTimeout(() => {\r\n              // 处理背景激活逻辑\r\n              activeRowBackground(event);\r\n              // 处理单击事件业务\r\n              onClick();\r\n              // 回传数据 自定义单击后的业务\r\n              click?.(record, index);\r\n            }, 200);\r\n          }, // 点击行\r\n          onDblclick: () => {\r\n            clearTimeout(clickTimeout);\r\n            //  回传数据 自定义单击后的业务\r\n            dbClick?.(record, index);\r\n          }\r\n        };\r\n      };\r\n    }\r\n\r\n    function useRowSelection() {\r\n      const rowSelection = ref<\r\n        TableRowSelection<unknown> | undefined\r\n      >(undefined);\r\n\r\n      const {\r\n        rowKey,\r\n        config: { getCheckboxProps, selection } = {}\r\n      } = props;\r\n\r\n      const onSelect: SelectionSelectFn<unknown> = (\r\n        record,\r\n        selected\r\n      ) => {\r\n        const data = record as Record<string, never>;\r\n        if (selection === \"S\") {\r\n          selectedRowKeys.value = [];\r\n          selectedRowKeys.value = selected\r\n            ? [data[rowKey]]\r\n            : [];\r\n        } else {\r\n          selectedRowKeys.value = selected\r\n            ? selectedRowKeys.value.concat(data[rowKey])\r\n            : selectedRowKeys.value.filter(\r\n                (key: Key) => key !== data[rowKey]\r\n              );\r\n        }\r\n        emit(\"update:keys\", selectedRowKeys.value);\r\n      };\r\n\r\n      const onSelectAll = (\r\n        selected: boolean,\r\n        selectedRows: unknown[],\r\n        changeRows: unknown[]\r\n      ) => {\r\n        const _ids = changeRows.map(\r\n          (record: unknown) =>\r\n            (record as { [key: string]: never })[rowKey]\r\n        );\r\n        selectedRowKeys.value = selected\r\n          ? selectedRowKeys.value.concat(_ids)\r\n          : selectedRowKeys.value.filter(\r\n              (key: Key) => !_ids.includes(key as never)\r\n            );\r\n\r\n        emit(\"update:keys\", selectedRowKeys.value);\r\n      };\r\n\r\n      //TODO 这个方法在单选的时候 会出现异常bug，暂时不知道怎么解决\r\n      const onChange = (\r\n        rowKeys: Key[],\r\n        selectedRows: unknown[]\r\n      ) => {\r\n        // 显式转换 selectedRows 的类型为 Record<string, never>[]\r\n        const data = selectedRows as Record<\r\n          string,\r\n          never\r\n        >[];\r\n        // 等于0 说明是取消全选，反之\r\n        const selected = data.length !== 0;\r\n        // 显式转换 _ids 的类型为 Key[]\r\n        const _ids: Key[] = props.data.map(\r\n          record =>\r\n            (record as Record<string, unknown>)[\r\n              rowKey\r\n            ] as Key\r\n        );\r\n\r\n        // 更新 selectedRowKeys\r\n        //  selected 为true，说明是全选，那么rowKeys是权限后的数组ID，需要过滤掉selectedRowKeys里的不在id才进行添加，\r\n        //  否则会出现，比如一开始选择了两条数据，然后再进行全选的话 会多出两个重复ID\r\n        // selected 为false，说明是取消全选，那么需要从selectedRowKeys过滤掉 _ids的id\r\n        selectedRowKeys.value = selected\r\n          ? selectedRowKeys.value.concat(\r\n              rowKeys.filter(\r\n                (key: Key) =>\r\n                  !selectedRowKeys.value.includes(key)\r\n              )\r\n            )\r\n          : selectedRowKeys.value.filter(\r\n              (key: Key) => !_ids.includes(key)\r\n            );\r\n        console.log(\"onSelect\", selectedRowKeys.value);\r\n        emit(\"update:keys\", selectedRowKeys.value);\r\n      };\r\n\r\n      // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\r\n      // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\r\n      watch(\r\n        () => props.keys,\r\n        val => {\r\n          selectedRowKeys.value = val;\r\n        },\r\n        {\r\n          deep: true,\r\n          immediate: true\r\n        }\r\n      );\r\n\r\n      watch(\r\n        () => props.config?.selection,\r\n        val => {\r\n          if (val !== \"N\") {\r\n            rowSelection.value = {\r\n              selectedRowKeys: selectedRowKeys as never,\r\n              onSelect,\r\n              onSelectAll,\r\n              fixed: true,\r\n              columnTitle:\r\n                selection === \"S\" ? \"选择\" : null,\r\n              columnWidth: selection === \"S\" ? 60 : 40,\r\n              getCheckboxProps: getCheckboxProps as never\r\n            };\r\n          } else {\r\n            rowSelection.value = undefined;\r\n          }\r\n        },\r\n        {\r\n          immediate: true\r\n        }\r\n      );\r\n\r\n      return rowSelection;\r\n    }\r\n\r\n    return () => (\r\n      <Flex vertical={true} ref={tableRef}>\r\n        <Table\r\n          {...attrs}\r\n          loading={props.loading}\r\n          size={props.size}\r\n          bordered={props.bordered}\r\n          dataSource={data.value}\r\n          columns={columns.value}\r\n          rowSelection={rowSelection.value}\r\n          customRow={useCustomRow() as never}\r\n          pagination={false}\r\n          rowKey={props.rowKey}\r\n          v-slots={tableSlots}\r\n          scroll={{\r\n            y: tableHeight.value,\r\n            x: \"100%\",\r\n            scrollToFirstRowOnChange: true\r\n          }}\r\n        />\r\n        {pagination.value && (\r\n          <div class={[paginationStyle, \"d-pagination\"]}>\r\n            {\r\n              <Pagination\r\n                v-model:current={\r\n                  paginationConfig.value.current\r\n                }\r\n                v-model:pageSize={\r\n                  paginationConfig.value.pageSize\r\n                }\r\n                total={paginationConfig.value.total}\r\n                disabled={props.loading}\r\n                show-size-changer\r\n                size={\"default\"}\r\n                hide-on-single-page={\r\n                  paginationConfig.value.hideOnSinglePage\r\n                }\r\n                show-quick-jumper={\r\n                  paginationConfig.value.showQuickJumper\r\n                }\r\n                default-page-size={\r\n                  paginationConfig.value.defaultPageSize\r\n                }\r\n                page-size-options={\r\n                  paginationConfig.value.pageSizeOptions\r\n                }\r\n                show-total={\r\n                  paginationConfig.value.showTotal\r\n                }\r\n                onChange={onPaginationChange}\r\n                showLessItems={true}\r\n              ></Pagination>\r\n            }\r\n          </div>\r\n        )}\r\n      </Flex>\r\n    );\r\n  }\r\n});\r\n\r\nexport const useEleHeight = (node: Element) => {\r\n  const list = [\r\n    \"margin-top\",\r\n    \"margin-bottom\",\r\n    \"border-top\",\r\n    \"border-bottom\",\r\n    \"padding-top\",\r\n    \"padding-bottom\",\r\n    \"height\"\r\n  ];\r\n  const style = getComputedStyle(node);\r\n  return list\r\n    .map(k => parseInt(style.getPropertyValue(k), 10))\r\n    .reduce((prev, cur) => {\r\n      return prev + cur;\r\n    });\r\n};\r\n\r\nexport default DTable;\r\n"],"names":["tableProps","height","type","Number","default","data","Array","loading","Boolean","rowKey","String","bordered","size","keys","config","Object","required","defaultPaginationProps","defaultPageSize","disabled","hideOnSinglePage","pageSize","pageSizeOptions","responsive","showLessItems","showQuickJumper","showSizeChanger","showTotal","total","simple","defaultConfig","columns","pagination","undefined","paginationConfig","activeRowClass","selection","keepSelected","paginationStyle","css","DTable","defineComponent","name","props","emits","setup","emit","slots","attrs","selectedRowKeys","ref","useProps","tableSlots","useSlots","onPaginationChange","usePagination","tableRef","tableHeight","antTableBodyRef","useHeight","rowSelection","useRowSelection","onMounted","_config","computed","merge","value","bodyCell","params","summary","headerHeight","tableEl","watch","val","nextTick","_tableBodyHeight","immediate","$el","useEleHeight","getElementsByClassName","paginationEl","paginationHeight","style","marginBottom","summaryHeight","summaryEl","changePagination","position","page","scrollTop","length","useCustomRow","record","index","clickTimeout","click","dbClick","getCheckboxProps","id","onClick","checkEnable","haveState","some","key","filter","push","activeRowBackground","event","curEl","target","HTMLElement","parentElement","parentNode","classList","contains","remove","add","clearTimeout","window","setTimeout","onDblclick","onSelect","selected","concat","onSelectAll","selectedRows","changeRows","_ids","map","includes","onChange","rowKeys","console","log","deep","fixed","columnTitle","columnWidth","_createVNode","Flex","Table","_mergeProps","y","x","scrollToFirstRowOnChange","Pagination","current","$event","node","list","getComputedStyle","k","parseInt","getPropertyValue","reduce","prev","cur"],"mappings":"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"}
+{"version":3,"file":"Table.cjs","sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  onMounted,\r\n  ref,\r\n  watch\r\n} from \"vue\";\r\nimport { type ExtractPropTypes, type PropType } from \"vue\";\r\nimport { Flex, Pagination, Table } from \"ant-design-vue\";\r\nimport { type TablePaginationConfig } from \"ant-design-vue\";\r\n\r\nimport { type PaginationProps } from \"./interface\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { ColumnsType } from \"ant-design-vue/es/table\";\r\nimport type {\r\n  SelectionSelectFn,\r\n  TableRowSelection\r\n} from \"ant-design-vue/es/table/interface\";\r\nimport { merge } from \"lodash-es\";\r\n\r\nexport type Key = string | number;\r\nexport type SizeType =\r\n  | \"small\"\r\n  | \"middle\"\r\n  | \"large\"\r\n  | undefined;\r\n\r\n// 定义分页\r\ninterface Page {\r\n  total: number;\r\n  current: number;\r\n  pageSize: number;\r\n}\r\n\r\n// 定义表格配置接口，支持泛型\r\ninterface Config<T = unknown> {\r\n  columns: ColumnsType<T>;\r\n  // 分页\r\n  pagination?: Page | undefined;\r\n  // 分页配置\r\n  paginationConfig?: PaginationProps;\r\n  changePagination?: (\r\n    current: number,\r\n    size: number\r\n  ) => void;\r\n  // 单击\r\n  click?: (\r\n    record: Record<string, unknown>,\r\n    index: number\r\n  ) => void;\r\n  // 双击\r\n  dbClick?: (\r\n    record: Record<string, unknown>,\r\n    index: number\r\n  ) => void;\r\n  // 选择框的默认属性配置\r\n  getCheckboxProps?: (\r\n    record: unknown\r\n  ) => Record<string, unknown> | undefined; // 返回一个对象或者 undefined\r\n  // 点击行号激活的class\r\n  activeRowClass?: string;\r\n  // 复选框方式\r\n  selection?: string;\r\n  // 切换分页是否保留选中的ID\r\n  keepSelected?: boolean;\r\n}\r\n\r\n// 定义 Props 类型，支持泛型\r\nexport const tableProps = <T = unknown,>() => ({\r\n  height: { type: Number, default: 0 },\r\n  data: { type: Array as PropType<T[]>, default: () => [] }, // 泛型约束\r\n  loading: { type: Boolean, default: false },\r\n  rowKey: { type: String, default: \"id\" },\r\n  bordered: { type: Boolean, default: false },\r\n  size: {\r\n    type: String as PropType<SizeType>,\r\n    default: \"small\"\r\n  },\r\n  keys: {\r\n    type: Array as PropType<Key[]>,\r\n    default: () => []\r\n  },\r\n  config: {\r\n    type: Object as PropType<Config<T>>,\r\n    required: true\r\n  }\r\n});\r\n\r\nexport type TableProps = Partial<\r\n  ExtractPropTypes<ReturnType<typeof tableProps>>\r\n>;\r\n\r\n// 分页组件默认配置\r\nconst defaultPaginationProps: PaginationProps = {\r\n  defaultPageSize: 20,\r\n  disabled: false,\r\n  hideOnSinglePage: false,\r\n  pageSize: 20,\r\n  pageSizeOptions: [\"20\", \"40\", \"60\", \"80\", \"99\"],\r\n  responsive: false,\r\n  showLessItems: false,\r\n  showQuickJumper: true,\r\n  showSizeChanger: true, // 默认展示切换器\r\n  showTotal: total => `总共 ${total} 条数据`,\r\n  simple: false,\r\n  size: \"default\",\r\n  total: 0\r\n};\r\n\r\n// 表格默认配置\r\nconst defaultConfig: Config = {\r\n  columns: [],\r\n  pagination: undefined,\r\n  paginationConfig: defaultPaginationProps,\r\n  activeRowClass: \"\",\r\n  selection: \"N\",\r\n  keepSelected: false\r\n};\r\n\r\nconst paginationStyle = css`\r\n  display: flex;\r\n  justify-content: center;\r\n  padding-top: 6px;\r\n`;\r\n\r\n// 定义泛型组件\r\nconst DTable = defineComponent({\r\n  name: \"DTable\",\r\n  props: tableProps(), // 初始泛型设置为 `unknown`\r\n  emits: [\"update:keys\"],\r\n  setup(props, { emit, slots, attrs }) {\r\n    // 保存选中的唯一id\r\n    const selectedRowKeys = ref<Key[]>(props.keys || []);\r\n    // 计算表格高度\r\n    //const height = computed(() => props.height);\r\n\r\n    const { columns, data, pagination } = useProps();\r\n    const { tableSlots } = useSlots();\r\n    const { paginationConfig, onPaginationChange } =\r\n      usePagination();\r\n    const { tableRef, tableHeight, antTableBodyRef } =\r\n      useHeight();\r\n    const rowSelection = useRowSelection();\r\n\r\n    onMounted(() => {});\r\n\r\n    /**\r\n     * props计算属性处理\r\n     */\r\n    function useProps() {\r\n      // 定义计算属性\r\n      const _config = computed(() =>\r\n        merge({}, defaultConfig, props.config)\r\n      );\r\n      const columns = computed(() => _config.value.columns);\r\n      const data = computed(() => props.data || []);\r\n      const pagination = computed(\r\n        () => _config.value.pagination || false\r\n      );\r\n\r\n      return {\r\n        columns,\r\n        data,\r\n        pagination\r\n      };\r\n    }\r\n\r\n    /**\r\n     * 插槽处理\r\n     */\r\n    function useSlots() {\r\n      // 定义插槽\r\n      const tableSlots = {\r\n        bodyCell: (params: unknown) =>\r\n          slots.bodyCell?.(params),\r\n        summary: () => slots.summary?.()\r\n      };\r\n\r\n      return {\r\n        tableSlots\r\n      };\r\n    }\r\n\r\n    function useHeight() {\r\n      const tableRef = ref();\r\n      const tableHeight = ref(0);\r\n      let headerHeight = 0,\r\n        tableEl: HTMLElement;\r\n\r\n      // 表格body对象\r\n      const antTableBodyRef = ref<HTMLElement>();\r\n\r\n      watch(\r\n        () => props.height,\r\n        val => {\r\n          if (val !== 0) {\r\n            nextTick(() => {\r\n              _tableBodyHeight(val);\r\n            });\r\n          }\r\n        },\r\n        {\r\n          immediate: true\r\n        }\r\n      );\r\n\r\n      function _tableBodyHeight(height: number) {\r\n        tableEl = tableRef?.value?.$el;\r\n        //表头高度\r\n        headerHeight = useEleHeight(\r\n          tableEl.getElementsByClassName(\r\n            \"ant-table-header\"\r\n          )[0]\r\n        );\r\n        // 分页\r\n        const paginationEl = tableEl.getElementsByClassName(\r\n          \"d-pagination\"\r\n        )[0] as HTMLElement | undefined;\r\n        let paginationHeight = 0;\r\n        if (paginationEl) {\r\n          paginationEl.style.marginBottom = \"0\";\r\n          paginationHeight =\r\n            useEleHeight(paginationEl as never) ?? 0;\r\n        }\r\n\r\n        //总结行\r\n        let summaryHeight = 0;\r\n        const summaryEl = tableEl.getElementsByClassName(\r\n          \"ant-table-summary\"\r\n        )[0] as HTMLElement | undefined;\r\n        if (summaryEl) {\r\n          summaryHeight =\r\n            useEleHeight(summaryEl as HTMLElement) ?? 0;\r\n        }\r\n\r\n        tableHeight.value =\r\n          height -\r\n          paginationHeight -\r\n          headerHeight -\r\n          summaryHeight;\r\n\r\n        antTableBodyRef.value =\r\n          tableEl.getElementsByClassName(\r\n            \"ant-table-body\"\r\n          )[0] as HTMLElement;\r\n\r\n        if (antTableBodyRef.value) {\r\n          // 设置body高度\r\n          antTableBodyRef.value.style.height =\r\n            tableHeight.value + \"px\";\r\n          //TODO antTableBodyRef 滚动到底部的时候，需要去除底部边框，否则边框会重叠\r\n          //antTableBodyRef.value.style.borderBottom = \"1px solid #f0f0f0\";\r\n        }\r\n      }\r\n\r\n      return {\r\n        tableRef,\r\n        tableHeight,\r\n        antTableBodyRef\r\n      };\r\n    }\r\n\r\n    function usePagination() {\r\n      const { changePagination } = props.config!;\r\n      const paginationConfig =\r\n        computed<TablePaginationConfig>(() => {\r\n          return {\r\n            position: [\"bottomCenter\"], // 符合类型的分页位置\r\n            total: 0, // 确保符合要求\r\n            ...defaultPaginationProps,\r\n            ...pagination.value\r\n          };\r\n        });\r\n\r\n      const onPaginationChange = (\r\n        page: number,\r\n        pageSize: number\r\n      ) => {\r\n        const { selection, keepSelected } = props.config!;\r\n        changePagination?.(page, pageSize);\r\n        // 切换分页的时候，表体滚动到顶部\r\n        antTableBodyRef.value!.scrollTop = 0;\r\n\r\n        // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\r\n        // 清空历史选中数据\r\n        if (selection === \"S\" || !keepSelected) {\r\n          // 只有selectedRowKeys被清空时，这里才触发update；\r\n          // 不加判断，会出现执行update后，父组件监听的watch每次都会触发\r\n          if (selectedRowKeys.value.length > 0) {\r\n            selectedRowKeys.value = [];\r\n            emit(\"update:keys\", selectedRowKeys.value);\r\n          }\r\n        }\r\n      };\r\n\r\n      return {\r\n        paginationConfig,\r\n        onPaginationChange\r\n      };\r\n    }\r\n\r\n    function useCustomRow() {\r\n      return (record: never, index: number) => {\r\n        // 用于存储 在某个事件内双击两次 则取消单击事件业务\r\n        let clickTimeout: number = 0;\r\n        const {\r\n          rowKey,\r\n          config: {\r\n            click,\r\n            dbClick,\r\n            selection,\r\n            getCheckboxProps\r\n          } = {} as Config\r\n        } = props;\r\n\r\n        // 当前点击行的唯一ID，通过rowKey从record中取值\r\n        const id = record[rowKey];\r\n\r\n        /**\r\n         * 处理单击事件业务\r\n         * @param record 当前点击行数据\r\n         */\r\n        const onClick = () => {\r\n          // 获取getCheckboxProps方法，如果不等于undefined，则执行方法获取disabled的值\r\n          // 否则checkEnable为false\r\n          const checkEnable =\r\n            getCheckboxProps === undefined\r\n              ? false\r\n              : getCheckboxProps(record)?.disabled;\r\n\r\n          if (selection === \"N\" || checkEnable) {\r\n            // 1. 未开启复选框 则不处理数据选中操作\r\n            // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\r\n            // 3. checkEnable 用来判断复选框属性的值，如果当前的数据满足getCheckboxProps这个\r\n            //    方法返回的disabled为true就不执行\r\n            //    复选框选中的操作\r\n            return;\r\n          }\r\n          const haveState = selectedRowKeys.value.some(\r\n            (key: Key) => key === id\r\n          );\r\n          if (haveState) {\r\n            //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\r\n            selectedRowKeys.value =\r\n              selectedRowKeys.value.filter(\r\n                (key: Key) => key !== id\r\n              );\r\n          } else {\r\n            if (selection === \"S\") {\r\n              //单选的时候 清空选中的数据 再赋值新的ID\r\n              selectedRowKeys.value = [];\r\n              selectedRowKeys.value.push(id);\r\n            } else {\r\n              //多选直接追加ID\r\n              selectedRowKeys.value.push(id);\r\n            }\r\n          }\r\n          emit(\"update:keys\", selectedRowKeys.value);\r\n        };\r\n\r\n        function activeRowBackground(event: Event) {\r\n          const { activeRowClass } = props.config!;\r\n          if (!activeRowClass) return;\r\n          const curEl = event.target;\r\n          if (curEl instanceof HTMLElement) {\r\n            const parentElement =\r\n              curEl.parentNode as HTMLElement;\r\n            if (\r\n              parentElement &&\r\n              parentElement.classList.contains(\r\n                activeRowClass\r\n              )\r\n            ) {\r\n              parentElement.classList.remove(\r\n                activeRowClass\r\n              );\r\n            } else {\r\n              parentElement?.classList.add(activeRowClass);\r\n            }\r\n          }\r\n        }\r\n\r\n        return {\r\n          onClick: (event: Event) => {\r\n            clearTimeout(clickTimeout);\r\n            clickTimeout = window.setTimeout(() => {\r\n              // 处理背景激活逻辑\r\n              activeRowBackground(event);\r\n              // 处理单击事件业务\r\n              onClick();\r\n              // 回传数据 自定义单击后的业务\r\n              click?.(record, index);\r\n            }, 200);\r\n          }, // 点击行\r\n          onDblclick: () => {\r\n            clearTimeout(clickTimeout);\r\n            //  回传数据 自定义单击后的业务\r\n            dbClick?.(record, index);\r\n          }\r\n        };\r\n      };\r\n    }\r\n\r\n    function useRowSelection() {\r\n      const rowSelection = ref<\r\n        TableRowSelection<unknown> | undefined\r\n      >(undefined);\r\n\r\n      const {\r\n        rowKey,\r\n        config: { getCheckboxProps, selection } = {}\r\n      } = props;\r\n\r\n      const onSelect: SelectionSelectFn<unknown> = (\r\n        record,\r\n        selected\r\n      ) => {\r\n        const data = record as Record<string, never>;\r\n        if (selection === \"S\") {\r\n          selectedRowKeys.value = [];\r\n          selectedRowKeys.value = selected\r\n            ? [data[rowKey]]\r\n            : [];\r\n        } else {\r\n          selectedRowKeys.value = selected\r\n            ? selectedRowKeys.value.concat(data[rowKey])\r\n            : selectedRowKeys.value.filter(\r\n                (key: Key) => key !== data[rowKey]\r\n              );\r\n        }\r\n        emit(\"update:keys\", selectedRowKeys.value);\r\n      };\r\n\r\n      const onSelectAll = (\r\n        selected: boolean,\r\n        selectedRows: unknown[],\r\n        changeRows: unknown[]\r\n      ) => {\r\n        const _ids = changeRows.map(\r\n          (record: unknown) =>\r\n            (record as { [key: string]: never })[rowKey]\r\n        );\r\n        selectedRowKeys.value = selected\r\n          ? selectedRowKeys.value.concat(_ids)\r\n          : selectedRowKeys.value.filter(\r\n              (key: Key) => !_ids.includes(key as never)\r\n            );\r\n\r\n        emit(\"update:keys\", selectedRowKeys.value);\r\n      };\r\n\r\n      //TODO 这个方法在单选的时候 会出现异常bug，暂时不知道怎么解决\r\n      const onChange = (\r\n        rowKeys: Key[],\r\n        selectedRows: unknown[]\r\n      ) => {\r\n        // 显式转换 selectedRows 的类型为 Record<string, never>[]\r\n        const data = selectedRows as Record<\r\n          string,\r\n          never\r\n        >[];\r\n        // 等于0 说明是取消全选，反之\r\n        const selected = data.length !== 0;\r\n        // 显式转换 _ids 的类型为 Key[]\r\n        const _ids: Key[] = props.data.map(\r\n          record =>\r\n            (record as Record<string, unknown>)[\r\n              rowKey\r\n            ] as Key\r\n        );\r\n\r\n        // 更新 selectedRowKeys\r\n        //  selected 为true，说明是全选，那么rowKeys是权限后的数组ID，需要过滤掉selectedRowKeys里的不在id才进行添加，\r\n        //  否则会出现，比如一开始选择了两条数据，然后再进行全选的话 会多出两个重复ID\r\n        // selected 为false，说明是取消全选，那么需要从selectedRowKeys过滤掉 _ids的id\r\n        selectedRowKeys.value = selected\r\n          ? selectedRowKeys.value.concat(\r\n              rowKeys.filter(\r\n                (key: Key) =>\r\n                  !selectedRowKeys.value.includes(key)\r\n              )\r\n            )\r\n          : selectedRowKeys.value.filter(\r\n              (key: Key) => !_ids.includes(key)\r\n            );\r\n        console.log(\"onSelect\", selectedRowKeys.value);\r\n        emit(\"update:keys\", selectedRowKeys.value);\r\n      };\r\n\r\n      // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\r\n      // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\r\n      watch(\r\n        () => props.keys,\r\n        val => {\r\n          selectedRowKeys.value = val;\r\n        },\r\n        {\r\n          deep: true,\r\n          immediate: true\r\n        }\r\n      );\r\n\r\n      watch(\r\n        () => props.config?.selection,\r\n        val => {\r\n          if (val !== \"N\") {\r\n            rowSelection.value = {\r\n              selectedRowKeys: selectedRowKeys as never,\r\n              onSelect,\r\n              onSelectAll,\r\n              fixed: true,\r\n              columnTitle:\r\n                selection === \"S\" ? \"选择\" : null,\r\n              columnWidth: selection === \"S\" ? 60 : 40,\r\n              getCheckboxProps: getCheckboxProps as never\r\n            };\r\n          } else {\r\n            rowSelection.value = undefined;\r\n          }\r\n        },\r\n        {\r\n          immediate: true\r\n        }\r\n      );\r\n\r\n      return rowSelection;\r\n    }\r\n\r\n    return () => (\r\n      <Flex vertical={true} ref={tableRef}>\r\n        <Table\r\n          {...attrs}\r\n          loading={props.loading}\r\n          size={props.size}\r\n          bordered={props.bordered}\r\n          dataSource={data.value}\r\n          columns={columns.value}\r\n          rowSelection={rowSelection.value}\r\n          customRow={useCustomRow() as never}\r\n          pagination={false}\r\n          rowKey={props.rowKey}\r\n          v-slots={tableSlots}\r\n          scroll={{\r\n            y: tableHeight.value,\r\n            x: \"100%\",\r\n            scrollToFirstRowOnChange: true\r\n          }}\r\n        />\r\n        {pagination.value && (\r\n          <div class={[paginationStyle, \"d-pagination\"]}>\r\n            {\r\n              <Pagination\r\n                v-model:current={\r\n                  paginationConfig.value.current\r\n                }\r\n                v-model:pageSize={\r\n                  paginationConfig.value.pageSize\r\n                }\r\n                total={paginationConfig.value.total}\r\n                disabled={props.loading}\r\n                show-size-changer\r\n                size={\"default\"}\r\n                hide-on-single-page={\r\n                  paginationConfig.value.hideOnSinglePage\r\n                }\r\n                show-quick-jumper={\r\n                  paginationConfig.value.showQuickJumper\r\n                }\r\n                default-page-size={\r\n                  paginationConfig.value.defaultPageSize\r\n                }\r\n                page-size-options={\r\n                  paginationConfig.value.pageSizeOptions\r\n                }\r\n                show-total={\r\n                  paginationConfig.value.showTotal\r\n                }\r\n                onChange={onPaginationChange}\r\n                showLessItems={true}\r\n              ></Pagination>\r\n            }\r\n          </div>\r\n        )}\r\n      </Flex>\r\n    );\r\n  }\r\n});\r\n\r\nexport const useEleHeight = (node: Element) => {\r\n  const list = [\r\n    \"margin-top\",\r\n    \"margin-bottom\",\r\n    \"border-top\",\r\n    \"border-bottom\",\r\n    \"padding-top\",\r\n    \"padding-bottom\",\r\n    \"height\"\r\n  ];\r\n  const style = getComputedStyle(node);\r\n  return list\r\n    .map(k => parseInt(style.getPropertyValue(k), 10))\r\n    .reduce((prev, cur) => {\r\n      return prev + cur;\r\n    });\r\n};\r\n\r\nexport default DTable;\r\n"],"names":["tableProps","height","type","Number","default","data","Array","loading","Boolean","rowKey","String","bordered","size","keys","config","Object","required","defaultPaginationProps","defaultPageSize","disabled","hideOnSinglePage","pageSize","pageSizeOptions","responsive","showLessItems","showQuickJumper","showSizeChanger","showTotal","total","simple","defaultConfig","columns","pagination","undefined","paginationConfig","activeRowClass","selection","keepSelected","paginationStyle","css","DTable","defineComponent","name","props","emits","setup","emit","slots","attrs","selectedRowKeys","ref","useProps","tableSlots","useSlots","onPaginationChange","usePagination","tableRef","tableHeight","antTableBodyRef","useHeight","rowSelection","useRowSelection","onMounted","_config","computed","merge","value","bodyCell","params","summary","headerHeight","tableEl","watch","val","nextTick","_tableBodyHeight","immediate","$el","useEleHeight","getElementsByClassName","paginationEl","paginationHeight","style","marginBottom","summaryHeight","summaryEl","changePagination","position","page","scrollTop","length","useCustomRow","record","index","clickTimeout","click","dbClick","getCheckboxProps","id","onClick","checkEnable","haveState","some","key","filter","push","activeRowBackground","event","curEl","target","HTMLElement","parentElement","parentNode","classList","contains","remove","add","clearTimeout","window","setTimeout","onDblclick","onSelect","selected","concat","onSelectAll","selectedRows","changeRows","_ids","map","includes","onChange","rowKeys","console","log","deep","fixed","columnTitle","columnWidth","_createVNode","Flex","Table","_mergeProps","y","x","scrollToFirstRowOnChange","Pagination","current","$event","node","list","getComputedStyle","k","parseInt","getPropertyValue","reduce","prev","cur"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ var antDesignVue = require('ant-design-vue');
 var _interface = require('./interface.cjs');
 var style = require('./style.cjs');
 var css = require('@emotion/css');
-var lodash = require('lodash');
+var lodashEs = require('lodash-es');
 var useDesign = require('../../hooks/useDesign.cjs');
 var withInstall = require('../../utils/withInstall.cjs');
 
@@ -51,7 +51,7 @@ const _TableForm = /* @__PURE__ */ vue.defineComponent({
     const isReadonly = vue.computed(() => props.readonly);
     const finalStylesConfig = vue.computed(() => {
       const defaultCopy = JSON.parse(JSON.stringify(_interface.DEFAULT_STYLES_CONFIG));
-      return lodash.merge(defaultCopy, props.stylesConfig);
+      return lodashEs.merge(defaultCopy, props.stylesConfig);
     });
     const modelState = vue.computed(() => attrs.model);
     vue.provide(FormContextKey, {

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\";\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} 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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"}

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

@@ -26,7 +26,7 @@ const tableFormItemProps = {
   format: {
     type: Function,
     // 默认值
-    default: void 0
+    default: (value, _name) => value
   }
 };
 const DEFAULT_STYLES_CONFIG = {

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 { isUndefined } from \"lodash\";\r\nimport 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> | undefined,\r\n    // 默认值\r\n    default: undefined\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<\r\n  ExtractPropTypes<typeof tableFormItemProps>\r\n>;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmBO,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,KAAA;AAAA;AAEb;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 = (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;;;;;;"}

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

@@ -4,12 +4,7 @@ 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 { 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;;;;"}
+{"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;;;;"}

package/dist/css/components/tab/style/index.css

@@ -1 +1 @@
-.d-tabs-nav{flex:1;overflow:hidden}.d-tabs-nav .ant-tabs-nav{margin-bottom:0 !important}.d-tabs-nav .ant-tabs-nav:before{border-bottom-width:0}.d-tabs-nav .ant-tabs-nav-operations{display:none !important}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{position:relative;transition:none !important;border:0;background:rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child{margin-left:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:nth-last-child(2){margin-right:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{position:absolute;bottom:-1px;content:"";width:30px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before{left:-30px;clip-path:inset(50% -10px 0 50%)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{right:-30px;clip-path:inset(50% 50% 0 -10px)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{border-radius:10px 10px 0 0 !important;background:var(--active-tab-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:after{z-index:10;box-shadow:0 0 0 30px var(--active-tab-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg{position:absolute;display:flex;flex-direction:column;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:-1}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg:before{content:"";width:100%;height:25px;border-radius:6px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-active) .close-btn{color:#fff}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-active) .tab-item{color:#fff}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-btn{display:flex;align-items:center}.d-tabs-nav .tab-close{position:absolute;top:0;right:0;bottom:0;padding:4px;display:flex;align-items:center;justify-content:center}.d-tabs-nav .tab-close .close-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;z-index:20}.d-tabs-nav .tab-close .anticon{margin:0}.d-tabs-nav .tab-item{padding-right:30px}.d-tabs-nav .tab-dividers{position:absolute;z-index:0;height:14px;left:-2px}.d-tabs-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:var(--splitColor);border-radius:10px;transition:opacity .2s ease,background-color .3s}.search-popover-wrapper .ant-popover-inner{padding:0}
+.d-tabs-nav{flex:1;overflow:hidden}.d-tabs-nav .ant-tabs-nav{margin-bottom:0 !important}.d-tabs-nav .ant-tabs-nav:before{border-bottom-width:0}.d-tabs-nav .ant-tabs-nav-operations{display:none !important}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{position:relative;transition:none !important;border:0;background:rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child{margin-left:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:nth-last-child(2){margin-right:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{position:absolute;bottom:-1px;content:"";width:30px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before{left:-30px;clip-path:inset(50% -10px 0 50%)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{right:-30px;clip-path:inset(50% 50% 0 -10px)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{border-radius:10px 10px 0 0 !important;background:var(--active-tab-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:after{z-index:10;box-shadow:0 0 0 30px var(--active-shadow-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--active-text-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg{position:absolute;display:flex;flex-direction:column;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:-1}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg:before{content:"";width:100%;height:25px;border-radius:6px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-btn{display:flex;align-items:center;color:var(--tabs-text-color)}.d-tabs-nav .tab-close{position:absolute;top:0;right:0;bottom:0;padding:4px;display:flex;align-items:center;justify-content:center}.d-tabs-nav .tab-close .close-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;z-index:20}.d-tabs-nav .tab-close .anticon{margin:0}.d-tabs-nav .tab-item{padding-left:10px;padding-right:20px}.d-tabs-nav .tab-dividers{position:absolute;z-index:0;height:14px;left:-2px}.d-tabs-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:var(--splitColor);border-radius:10px;transition:opacity .2s ease,background-color .3s}.search-popover-wrapper .ant-popover-inner{padding:0}

package/dist/css/index.css

@@ -1 +1 @@
-.d-tabs-nav{flex:1;overflow:hidden}.d-tabs-nav .ant-tabs-nav{margin-bottom:0 !important}.d-tabs-nav .ant-tabs-nav:before{border-bottom-width:0}.d-tabs-nav .ant-tabs-nav-operations{display:none !important}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{position:relative;transition:none !important;border:0;background:rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child{margin-left:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:nth-last-child(2){margin-right:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{position:absolute;bottom:-1px;content:"";width:30px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before{left:-30px;clip-path:inset(50% -10px 0 50%)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{right:-30px;clip-path:inset(50% 50% 0 -10px)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{border-radius:10px 10px 0 0 !important;background:var(--active-tab-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:after{z-index:10;box-shadow:0 0 0 30px var(--active-tab-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg{position:absolute;display:flex;flex-direction:column;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:-1}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg:before{content:"";width:100%;height:25px;border-radius:6px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-active) .close-btn{color:#fff}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-active) .tab-item{color:#fff}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-btn{display:flex;align-items:center}.d-tabs-nav .tab-close{position:absolute;top:0;right:0;bottom:0;padding:4px;display:flex;align-items:center;justify-content:center}.d-tabs-nav .tab-close .close-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;z-index:20}.d-tabs-nav .tab-close .anticon{margin:0}.d-tabs-nav .tab-item{padding-right:30px}.d-tabs-nav .tab-dividers{position:absolute;z-index:0;height:14px;left:-2px}.d-tabs-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:var(--splitColor);border-radius:10px;transition:opacity .2s ease,background-color .3s}.search-popover-wrapper .ant-popover-inner{padding:0}.ant-pro-drawer-setting-handle{position:fixed;inset-block-start:240px;inset-inline-end:0;z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:16px;text-align:center;backdrop-filter:saturate(180%) blur(20px);cursor:pointer;pointer-events:auto}.ant-pro-drawer-setting-handle .icon{color:#fff}.ant-pro-drawer-setting-handle-icon-dark{color:#e5e0d8}.ant-pro-drawer-setting-theme-color{margin-top:16px;overflow:hidden}.ant-pro-drawer-setting-theme-color-block{float:left;width:20px;height:20px;margin-top:8px;margin-right:8px;font-weight:700;display:flex;color:#fff;align-items:center;justify-content:center;border-radius:2px;cursor:pointer}.ant-pro-drawer-setting-block-checkbox{display:flex;min-height:42px}.ant-pro-drawer-setting-block-checkbox-selectIcon{position:absolute;right:6px;bottom:4px;font-weight:700;font-size:14px;pointer-events:none}.ant-pro-drawer-setting-block-checkbox-item{position:relative;width:44px;height:36px;margin-right:16px;overflow:hidden;background-color:#f0f2f5;border-radius:4px;box-shadow:0 1px 2.5px 0 rgba(0,0,0,.18);cursor:pointer}.ant-pro-drawer-setting-block-checkbox-item::before{position:absolute;top:0;left:0;width:33%;height:100%;background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item::after{position:absolute;top:0;left:0;width:100%;height:25%;background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-dark{background-color:rgba(0,21,41,.85)}.ant-pro-drawer-setting-block-checkbox-item-dark::before{background-color:rgba(0,21,41,.65);content:""}.ant-pro-drawer-setting-block-checkbox-item-dark::after{background-color:rgba(0,21,41,.85)}.ant-pro-drawer-setting-block-checkbox-item-light::before{background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-light::after{background-color:#fff}.ant-pro-drawer-setting-block-checkbox-item-inverted::before,.ant-pro-drawer-setting-block-checkbox-item-side::before{z-index:1;background-color:#001529;content:""}.ant-pro-drawer-setting-block-checkbox-item-inverted::after,.ant-pro-drawer-setting-block-checkbox-item-side::after{background-color:#fff}.ant-pro-drawer-setting-block-checkbox-item-top::before{background-color:rgba(0,0,0,0);content:""}.ant-pro-drawer-setting-block-checkbox-item-top::after{background-color:#001529}.ant-pro-drawer-setting-block-checkbox-item-mix::before{background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-mix::after{background-color:#001529}.ant-pro-drawer-setting-block-checkbox-theme-item{background:#2a2c2c;box-shadow:rgba(13,13,13,.18) 0px 1px 2.5px 0px}.ant-pro-drawer-setting-block-checkbox-theme-item-light::before,.ant-pro-drawer-setting-block-checkbox-theme-item-light::after{background-color:#242525}.ant-pro-drawer-setting-block-checkbox-theme-item-dark::before,.ant-pro-drawer-setting-block-checkbox-theme-item-dark::after{background-color:rgba(15,28,41,.65)}.ant-pro-drawer-setting-block-checkbox-theme-item-side::before,.ant-pro-drawer-setting-block-checkbox-theme-item-inverted::before{background-color:#0f1c29}.ant-pro-drawer-setting-block-checkbox-theme-item-side::after,.ant-pro-drawer-setting-block-checkbox-theme-item-inverted::after{background-color:#242525}.ant-pro-drawer-setting-block-checkbox-theme-item-mix::before{background-color:#242525}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0 !important;display:none}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}
+.d-tabs-nav{flex:1;overflow:hidden}.d-tabs-nav .ant-tabs-nav{margin-bottom:0 !important}.d-tabs-nav .ant-tabs-nav:before{border-bottom-width:0}.d-tabs-nav .ant-tabs-nav-operations{display:none !important}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{position:relative;transition:none !important;border:0;background:rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child{margin-left:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:nth-last-child(2){margin-right:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{position:absolute;bottom:-1px;content:"";width:30px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before{left:-30px;clip-path:inset(50% -10px 0 50%)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{right:-30px;clip-path:inset(50% 50% 0 -10px)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{border-radius:10px 10px 0 0 !important;background:var(--active-tab-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:after{z-index:10;box-shadow:0 0 0 30px var(--active-shadow-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--active-text-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg{position:absolute;display:flex;flex-direction:column;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:-1}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg:before{content:"";width:100%;height:25px;border-radius:6px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-btn{display:flex;align-items:center;color:var(--tabs-text-color)}.d-tabs-nav .tab-close{position:absolute;top:0;right:0;bottom:0;padding:4px;display:flex;align-items:center;justify-content:center}.d-tabs-nav .tab-close .close-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;z-index:20}.d-tabs-nav .tab-close .anticon{margin:0}.d-tabs-nav .tab-item{padding-left:10px;padding-right:20px}.d-tabs-nav .tab-dividers{position:absolute;z-index:0;height:14px;left:-2px}.d-tabs-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:var(--splitColor);border-radius:10px;transition:opacity .2s ease,background-color .3s}.search-popover-wrapper .ant-popover-inner{padding:0}.ant-pro-drawer-setting-handle{position:fixed;inset-block-start:240px;inset-inline-end:0;z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:16px;text-align:center;backdrop-filter:saturate(180%) blur(20px);cursor:pointer;pointer-events:auto}.ant-pro-drawer-setting-handle .icon{color:#fff}.ant-pro-drawer-setting-handle-icon-dark{color:#e5e0d8}.ant-pro-drawer-setting-theme-color{margin-top:16px;overflow:hidden}.ant-pro-drawer-setting-theme-color-block{float:left;width:20px;height:20px;margin-top:8px;margin-right:8px;font-weight:700;display:flex;color:#fff;align-items:center;justify-content:center;border-radius:2px;cursor:pointer}.ant-pro-drawer-setting-block-checkbox{display:flex;min-height:42px}.ant-pro-drawer-setting-block-checkbox-selectIcon{position:absolute;right:6px;bottom:4px;font-weight:700;font-size:14px;pointer-events:none}.ant-pro-drawer-setting-block-checkbox-item{position:relative;width:44px;height:36px;margin-right:16px;overflow:hidden;background-color:#f0f2f5;border-radius:4px;box-shadow:0 1px 2.5px 0 rgba(0,0,0,.18);cursor:pointer}.ant-pro-drawer-setting-block-checkbox-item::before{position:absolute;top:0;left:0;width:33%;height:100%;background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item::after{position:absolute;top:0;left:0;width:100%;height:25%;background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-dark{background-color:rgba(0,21,41,.85)}.ant-pro-drawer-setting-block-checkbox-item-dark::before{background-color:rgba(0,21,41,.65);content:""}.ant-pro-drawer-setting-block-checkbox-item-dark::after{background-color:rgba(0,21,41,.85)}.ant-pro-drawer-setting-block-checkbox-item-light::before{background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-light::after{background-color:#fff}.ant-pro-drawer-setting-block-checkbox-item-inverted::before,.ant-pro-drawer-setting-block-checkbox-item-side::before{z-index:1;background-color:#001529;content:""}.ant-pro-drawer-setting-block-checkbox-item-inverted::after,.ant-pro-drawer-setting-block-checkbox-item-side::after{background-color:#fff}.ant-pro-drawer-setting-block-checkbox-item-top::before{background-color:rgba(0,0,0,0);content:""}.ant-pro-drawer-setting-block-checkbox-item-top::after{background-color:#001529}.ant-pro-drawer-setting-block-checkbox-item-mix::before{background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-mix::after{background-color:#001529}.ant-pro-drawer-setting-block-checkbox-theme-item{background:#2a2c2c;box-shadow:rgba(13,13,13,.18) 0px 1px 2.5px 0px}.ant-pro-drawer-setting-block-checkbox-theme-item-light::before,.ant-pro-drawer-setting-block-checkbox-theme-item-light::after{background-color:#242525}.ant-pro-drawer-setting-block-checkbox-theme-item-dark::before,.ant-pro-drawer-setting-block-checkbox-theme-item-dark::after{background-color:rgba(15,28,41,.65)}.ant-pro-drawer-setting-block-checkbox-theme-item-side::before,.ant-pro-drawer-setting-block-checkbox-theme-item-inverted::before{background-color:#0f1c29}.ant-pro-drawer-setting-block-checkbox-theme-item-side::after,.ant-pro-drawer-setting-block-checkbox-theme-item-inverted::after{background-color:#242525}.ant-pro-drawer-setting-block-checkbox-theme-item-mix::before{background-color:#242525}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0 !important;display:none}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}

package/dist/esm/components/card/Card.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, createVNode } from 'vue';
-import { useStyle } from './style.mjs';
 import { cx } from '@emotion/css';
 import { useDesign } from '../../hooks/useDesign.mjs';
 import { withInstall } from '../../utils/withInstall.mjs';
+import { useStyle } from './style.mjs';
 
 "use strict";
 const _Card = /* @__PURE__ */ defineComponent({

package/dist/esm/components/card/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["// components/card/index.tsx\r\nimport { defineComponent } from \"vue\";\r\n\r\nimport { useStyle } from \"./style\";\r\nimport { cx } from \"@emotion/css\"; // 引入 cx\r\n\r\nimport { useDesign } from \"../../hooks/useDesign\"; // 引入我们刚才写的 hook\r\n\r\nimport { withInstall } from \"../../utils/withInstall\";\r\n\r\nconst _Card = defineComponent({\r\n  name: \"DCard\",\r\n  props: {\r\n    title: String\r\n  },\r\n  setup(props, { slots }) {\r\n    //  初始化 Design Hook，传入组件名 'card'\r\n    const { getPrefixCls } = useDesign(\"card\");\r\n\r\n    // 初始化 Emotion 样式\r\n    const styles = useStyle();\r\n\r\n    return () => {\r\n      // 生成语义化类名\r\n      const rootCls = getPrefixCls();\r\n      const headerCls = getPrefixCls(\"head\");\r\n      const iconCls = getPrefixCls(\"icon\");\r\n      const titleCls = getPrefixCls(\"title\");\r\n      const actionCls = getPrefixCls(\"action\");\r\n      const bodyCls = getPrefixCls(\"body\");\r\n\r\n      return (\r\n        <div class={cx(rootCls, styles.container)}>\r\n          {/* Header 区域 */}\r\n          <div class={cx(headerCls, styles.header)}>\r\n            {slots.icon && (\r\n              <div class={cx(iconCls, styles.icon)}>\r\n                {slots.icon()}\r\n              </div>\r\n            )}\r\n            <div class={cx(titleCls, styles.header_title)}>\r\n              {props.title}\r\n            </div>\r\n          </div>\r\n          {/*action*/}\r\n          {slots.action && (\r\n            <div class={cx(actionCls, styles.action)}>\r\n              {slots.action()}\r\n            </div>\r\n          )}\r\n\r\n          {/* Body 区域 */}\r\n          <div class={cx(bodyCls, styles.body)}>\r\n            {slots.default?.()}\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  }\r\n});\r\n\r\nexport const Card = withInstall(_Card);\r\n"],"names":["_Card","defineComponent","name","props","title","String","setup","slots","getPrefixCls","useDesign","styles","useStyle","rootCls","headerCls","iconCls","titleCls","actionCls","bodyCls","_createVNode","cx","container","header","icon","header_title","action","body","default","Card","withInstall"],"mappings":";;;;;;;AAUA,MAAMA,wBAAQC,eAAAA,CAAgB;AAAA,EAC5BC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO;AAAA,IACLC,KAAAA,EAAOC;AAAAA,GACT;AAAA,EACAC,MAAMH,KAAAA,EAAO;AAAA,IAAEI;AAAAA,GAAM,EAAG;AAEtB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAa,GAAIC,UAAU,MAAM,CAAA;AAGzC,IAAA,MAAMC,SAASC,QAAAA,EAAS;AAExB,IAAA,OAAO,MAAM;AAtBjB,MAAA,IAAA,EAAA;AAwBM,MAAA,MAAMC,UAAUJ,YAAAA,EAAa;AAC7B,MAAA,MAAMK,SAAAA,GAAYL,aAAa,MAAM,CAAA;AACrC,MAAA,MAAMM,OAAAA,GAAUN,aAAa,MAAM,CAAA;AACnC,MAAA,MAAMO,QAAAA,GAAWP,aAAa,OAAO,CAAA;AACrC,MAAA,MAAMQ,SAAAA,GAAYR,aAAa,QAAQ,CAAA;AACvC,MAAA,MAAMS,OAAAA,GAAUT,aAAa,MAAM,CAAA;AAEnC,MAAA,OAAAU,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACcC,EAAAA,CAAGP,OAAAA,EAASF,MAAAA,CAAOU,SAAS;AAAA,OAAC,EAAA,CAAAF,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAE3BC,EAAAA,CAAGN,SAAAA,EAAWH,MAAAA,CAAOW,MAAM;AAAA,OAAC,EAAA,CACrCd,KAAAA,CAAMe,IAAAA,IAAIJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACGC,EAAAA,CAAGL,OAAAA,EAASJ,MAAAA,CAAOY,IAAI;AAAA,OAAC,EAAA,CACjCf,KAAAA,CAAMe,IAAAA,EAAM,CAAA,CAAA,EAEhBJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACWC,EAAAA,CAAGJ,QAAAA,EAAUL,MAAAA,CAAOa,YAAY;AAAA,OAAC,EAAA,CAC1CpB,KAAAA,CAAMC,KAAK,CAAA,CAAA,CAAA,CAAA,EAIfG,KAAAA,CAAMiB,MAAAA,IAAMN,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACCC,EAAAA,CAAGH,SAAAA,EAAWN,MAAAA,CAAOc,MAAM;AAAA,OAAC,EAAA,CACrCjB,KAAAA,CAAMiB,MAAAA,EAAQ,CAAA,CAAA,EAElBN,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAGWC,EAAAA,CAAGF,OAAAA,EAASP,MAAAA,CAAOe,IAAI;AAAA,SAAC,CAAA,CACjClB,EAAAA,GAAAA,KAAAA,CAAMmB,YAANnB,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAiB,CAAA,CAAA,CAAA,CAAA;AAAA,IAI1B,CAAA;AAAA,EACF;AACF,CAAC,CAAA;AAEM,MAAMoB,IAAAA,GAAOC,YAAY5B,KAAK;;;;"}
+{"version":3,"file":"Card.mjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["// components/card/index.tsx\r\nimport { defineComponent } from \"vue\";\r\n\r\nimport { cx } from \"@emotion/css\"; // 引入 cx\r\n\r\nimport { useDesign } from \"../../hooks/useDesign\"; // 引入我们刚才写的 hook\r\nimport { withInstall } from \"../../utils/withInstall\";\r\n\r\nimport { useStyle } from \"./style\";\r\n\r\nconst _Card = defineComponent({\r\n  name: \"DCard\",\r\n  props: {\r\n    title: String\r\n  },\r\n  setup(props, { slots }) {\r\n    //  初始化 Design Hook，传入组件名 'card'\r\n    const { getPrefixCls } = useDesign(\"card\");\r\n\r\n    // 初始化 Emotion 样式\r\n    const styles = useStyle();\r\n\r\n    return () => {\r\n      // 生成语义化类名\r\n      const rootCls = getPrefixCls();\r\n      const headerCls = getPrefixCls(\"head\");\r\n      const iconCls = getPrefixCls(\"icon\");\r\n      const titleCls = getPrefixCls(\"title\");\r\n      const actionCls = getPrefixCls(\"action\");\r\n      const bodyCls = getPrefixCls(\"body\");\r\n\r\n      return (\r\n        <div class={cx(rootCls, styles.container)}>\r\n          {/* Header 区域 */}\r\n          <div class={cx(headerCls, styles.header)}>\r\n            {slots.icon && <div class={cx(iconCls, styles.icon)}>{slots.icon()}</div>}\r\n            <div class={cx(titleCls, styles.header_title)}>{props.title}</div>\r\n          </div>\r\n          {/*action*/}\r\n          {slots.action && <div class={cx(actionCls, styles.action)}>{slots.action()}</div>}\r\n\r\n          {/* Body 区域 */}\r\n          <div class={cx(bodyCls, styles.body)}>{slots.default?.()}</div>\r\n        </div>\r\n      );\r\n    };\r\n  }\r\n});\r\n\r\nexport const Card = withInstall(_Card);\r\n"],"names":["_Card","defineComponent","name","props","title","String","setup","slots","getPrefixCls","useDesign","styles","useStyle","rootCls","headerCls","iconCls","titleCls","actionCls","bodyCls","_createVNode","cx","container","header","icon","header_title","action","body","default","Card","withInstall"],"mappings":";;;;;;;AAUA,MAAMA,wBAAQC,eAAAA,CAAgB;AAAA,EAC5BC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO;AAAA,IACLC,KAAAA,EAAOC;AAAAA,GACT;AAAA,EACAC,MAAMH,KAAAA,EAAO;AAAA,IAAEI;AAAAA,GAAM,EAAG;AAEtB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAa,GAAIC,UAAU,MAAM,CAAA;AAGzC,IAAA,MAAMC,SAASC,QAAAA,EAAS;AAExB,IAAA,OAAO,MAAM;AAtBjB,MAAA,IAAA,EAAA;AAwBM,MAAA,MAAMC,UAAUJ,YAAAA,EAAa;AAC7B,MAAA,MAAMK,SAAAA,GAAYL,aAAa,MAAM,CAAA;AACrC,MAAA,MAAMM,OAAAA,GAAUN,aAAa,MAAM,CAAA;AACnC,MAAA,MAAMO,QAAAA,GAAWP,aAAa,OAAO,CAAA;AACrC,MAAA,MAAMQ,SAAAA,GAAYR,aAAa,QAAQ,CAAA;AACvC,MAAA,MAAMS,OAAAA,GAAUT,aAAa,MAAM,CAAA;AAEnC,MAAA,OAAAU,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACcC,EAAAA,CAAGP,OAAAA,EAASF,MAAAA,CAAOU,SAAS;AAAA,OAAC,EAAA,CAAAF,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAE3BC,EAAAA,CAAGN,SAAAA,EAAWH,MAAAA,CAAOW,MAAM;AAAA,OAAC,EAAA,CACrCd,KAAAA,CAAMe,IAAAA,IAAIJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAgBC,EAAAA,CAAGL,OAAAA,EAASJ,MAAAA,CAAOY,IAAI;AAAA,OAAC,EAAA,CAAGf,KAAAA,CAAMe,IAAAA,EAAM,CAAA,CAAA,EAAOJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAC7DC,EAAAA,CAAGJ,QAAAA,EAAUL,MAAAA,CAAOa,YAAY;AAAA,OAAC,EAAA,CAAGpB,KAAAA,CAAMC,KAAK,CAAA,CAAA,CAAA,CAAA,EAG5DG,KAAAA,CAAMiB,MAAAA,IAAMN,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAgBC,EAAAA,CAAGH,SAAAA,EAAWN,MAAAA,CAAOc,MAAM;AAAA,OAAC,EAAA,CAAGjB,KAAAA,CAAMiB,MAAAA,EAAQ,CAAA,CAAA,EAAON,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAGrEC,EAAAA,CAAGF,OAAAA,EAASP,MAAAA,CAAOe,IAAI;AAAA,SAAC,CAAA,CAAGlB,EAAAA,GAAAA,KAAAA,CAAMmB,YAANnB,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAiB,CAAA,CAAA,CAAA,CAAA;AAAA,IAG9D,CAAA;AAAA,EACF;AACF,CAAC,CAAA;AAEM,MAAMoB,IAAAA,GAAOC,YAAY5B,KAAK;;;;"}

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

@@ -33,7 +33,7 @@ var DicReplace = /* @__PURE__ */ defineComponent({
     },
     // 值
     value: {
-      type: String,
+      type: String || Number,
       default: ""
     }
   },
@@ -78,7 +78,7 @@ var DicReplace = /* @__PURE__ */ defineComponent({
     function replace(val) {
       const value = val;
       const name = props.name;
-      dicValueTxt.value = getDicTextByValue(name, value);
+      dicValueTxt.value = getDicTextByValue(name, value == null ? void 0 : value.toString());
     }
     return () => createVNode("span", {
       "class": "d-dic"

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,\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(name, value);\n    }\n\n    return () => (\n      <span class={\"d-dic\"}>{dicValueTxt.value}</span>\n    );\n  }\n});\n"],"names":["name","props","type","String","default","value","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","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,iDAA+B;AAAA,EAC7BA,IAAAA,EAAM,QAAA;AAAA,EACNC,KAAAA,EAAO;AAAA;AAAA,IAELD,IAAAA,EAAM;AAAA,MACJE,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA;AAAA,IAEAC,KAAAA,EAAO;AAAA,MACLH,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA;AACX,GACF;AAAA,EACAE,MAAML,KAAAA,EAAO;AACX,IAAA,MAAM;AAAA,MAAEM,GAAAA,EAAKC;AAAAA,QAAcC,iBAAAA,EAAkB;AAC7C,IAAA,MAAM;AAAA,MAAEC;AAAAA,QAAsBC,WAAAA,EAAY;AAC1C,IAAA,MAAMC,QAAQC,QAAAA,EAAS;AAEvB,IAAA,MAAMC,cAAcN,SAAAA,CAAUO,IAAAA,CAC3Bf,CAAAA,IAAAA,KAAiBA,IAAAA,KAASY,MAAMZ,IACnC,CAAA;AACA,IAAA,MAAMgB,WAAAA,GAAcC,IAAY,EAAE,CAAA;AAGlC,IAAA,MAAMC,QAAAA,GAAWC,MAAAA,CAEf,UAAA,EAAY,CAAOnB,IAAAA,KAAiB,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AACpCoB,MAAAA,OAAAA,CAAQC,IAAAA,CACN,CAAA,iFAAA,EAA6BrB,IAAI,CAAA,CACnC,CAAA;AACA,MAAA,OAAO,EAAA;AAAA,IACT,CAAA,CAAC,CAAA;AAEDsB,IAAAA,WAAAA,CAAY,MAAY,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AAEtB,MAAA,MAAMC,WAAAA,EAAY;AAAA,IACpB,CAAA,CAAC,CAAA;AAEDC,IAAAA,SAAAA,CAAU,MAAY,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AACpB,MAAA,IAAI,CAACV,WAAAA,EAAa;AAEhB,QAAA,MAAMS,WAAAA,EAAY;AAAA,MACpB;AAAA,IACF,CAAA,CAAC,CAAA;AAGD,IAAA,SAAeA,WAAAA,GAAc;AAAA,MAAA,OAAA,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AAC3B,QAAA,IAAI;AAEF,UAAA,MAAML,QAAAA,CAASjB,MAAMD,IAAI,CAAA;AACzByB,UAAAA,OAAAA,CAAQxB,MAAMI,KAAK,CAAA;AAAA,QACrB,SAASqB,KAAAA,EAAO;AACdN,UAAAA,OAAAA,CAAQM,KAAAA,CAAM,qDAAaA,KAAK,CAAA;AAAA,QAClC;AAAA,MACF,CAAA,CAAA;AAAA,IAAA;AAEAH,IAAAA,WAAAA,GAAcI,IAAAA,CAAK,MACjBP,OAAAA,CAAQQ,GAAAA,CAAI,kBAAkB,CAChC,CAAA;AAEAC,IAAAA,KAAAA,CACE,MAAM5B,KAAAA,CAAMI,KAAAA,EACXyB,CAAAA,GAAAA,KAAgB;AACfL,MAAAA,OAAAA,CAAQK,GAAG,CAAA;AAAA,IACb,CAAA,EACA;AAAA,MACEC,SAAAA,EAAW;AAAA,KAEf,CAAA;AAEA,IAAA,SAASN,QAAQK,GAAAA,EAAa;AAC5B,MAAA,MAAMzB,KAAAA,GAAQyB,GAAAA;AACd,MAAA,MAAM9B,OAAOC,KAAAA,CAAMD,IAAAA;AACnBgB,MAAAA,WAAAA,CAAYX,KAAAA,GAAQK,iBAAAA,CAAkBV,IAAAA,EAAMK,KAAK,CAAA;AAAA,IACnD;AAEA,IAAA,OAAO,MAAA2B,YAAA,MAAA,EAAA;AAAA,MAAA,OAAA,EACQ;AAAA,KAAO,EAAA,CAAGhB,WAAAA,CAAYX,KAAK,CAAA,CAAA;AAAA,EAE5C;AACF,CAAC,CAAA;;;;"}
+{"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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"}

package/dist/esm/components/layout/Layout.vue2.mjs

@@ -1,10 +1,9 @@
-import { defineComponent, provide, computed, ref, watch, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, createBlock, createCommentVNode, normalizeClass, unref, withCtx, createElementVNode, renderSlot } from 'vue';
-import { useRoute } from 'vue-router';
+import { defineComponent, provide, computed, ref, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, createBlock, createCommentVNode, normalizeClass, unref, withCtx, createElementVNode, renderSlot } from 'vue';
 import { storeToRefs } from 'pinia';
 import { AppContextKey } from './AppContext.mjs';
 import Menu from './components/menu/Menu.mjs';
 import SettingDrawer from './components/settings/SettingDrawer.mjs';
-import { useAppStore, useKeepAliveStore } from '@ditari/store';
+import { useAppStore } from '@ditari/store';
 import { css } from '@emotion/css';
 import './components/layout/HeaderLayout.vue.mjs';
 import './components/layout/RouterContent.vue.mjs';
@@ -25,7 +24,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     enableTabContextMenu: { type: Boolean, required: false, default: true }
   },
   emits: ["onMenuClick"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { layout, modeConfig, sideTokenStyle } = storeToRefs(useAppStore());
@@ -44,7 +43,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       rightStyle,
       rightContentStyle
     } = useStyle();
-    useKeepAlive();
     function useReloadPage() {
       const routerContentRef2 = ref();
       function onReloadPage2(item) {
@@ -56,21 +54,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         onReloadPage: onReloadPage2
       };
     }
-    function useKeepAlive() {
-      const route = useRoute();
-      const { save } = useKeepAliveStore();
-      watch(
-        () => route.path,
-        () => {
-          if (props.keepAliveMode === "Name") {
-            save(route);
-          }
-        },
-        {
-          immediate: true
-        }
-      );
-    }
     function useStyle() {
       const layoutStyle2 = css`
     height: 100vh;
@@ -125,6 +108,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         onMenuClick: onMenuClick2
       };
     }
+    __expose({
+      onReloadPage
+    });
     return (_ctx, _cache) => {
       const _component_a_layout_sider = resolveComponent("a-layout-sider");
       const _component_a_layout_content = resolveComponent("a-layout-content");

package/dist/esm/components/layout/Layout.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.vue2.mjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, VNode, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { AppContext, AppContextKey } from \"./AppContext\";\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n  useAppStore,\r\n  useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) },\n  isSettings: { type: Boolean, required: false, default: false },\n  renderMenuIcon: { type: Function, required: false, default: undefined },\n  keepAliveMode: { type: String, required: false, default: \"Name\" },\n  enableTabContextMenu: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\n\r\nconst { onMenuClick } = useMenu();\r\nconst { routerContentRef, onReloadPage } = useReloadPage();\r\n\r\nprovide<AppContext>(AppContextKey, {\r\n  watermarkContent: computed(() => props.watermark || \"\"),\r\n  renderMenuIcon: props.renderMenuIcon,\r\n  keepAliveMode: props.keepAliveMode,\r\n  enableTabContextMenu: props.enableTabContextMenu,\r\n  onReloadPage\r\n});\r\n\r\nconst {\r\n  layoutStyle,\r\n  siderStyle,\r\n  rightStyle,\r\n  rightContentStyle\r\n} = useStyle();\r\nuseKeepAlive();\r\n\r\nfunction useReloadPage() {\r\n  const routerContentRef = ref();\r\n\r\n  function onReloadPage(item: { [key: string]: unknown }) {\r\n    routerContentRef.value?.reloadPage(item.fullPath);\r\n  }\r\n  return {\r\n    routerContentRef,\r\n    onReloadPage\r\n  };\r\n}\r\n\r\nfunction useKeepAlive() {\r\n  const route = useRoute();\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      //  如果是组件名方式缓存，那么存入Name\r\n      if (props.keepAliveMode === \"Name\") {\r\n        save(route);\r\n      }\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100vh;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s\r\n      cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 1;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      .app-side {\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        ${modeConfig.value.mode === \"light\"\r\n          ? `background:${sideTokenStyle.value.bgColor};`\r\n          : \"\"}\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n\r\nfunction useMenu() {\r\n  const onMenuClick = (item: never) => {\r\n    emits(\"onMenuClick\", item);\r\n  };\r\n\r\n  return {\r\n    onMenuClick\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <a-layout :class=\"layoutStyle\">\r\n    <a-layout-sider\r\n      v-model:collapsed=\"layout.collapsed\"\r\n      theme=\"light\"\r\n      collapsible\r\n      :trigger=\"null\"\r\n      :class=\"siderStyle\"\r\n      :width=\"layout.sideWidth\"\r\n    >\r\n      <div class=\"app-side\">\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu @onMenuClick=\"onMenuClick\" />\r\n      </div>\r\n    </a-layout-sider>\r\n    <a-layout :class=\"rightStyle\">\r\n      <header-layout>\r\n        <slot name=\"headerRight\"></slot>\r\n      </header-layout>\r\n      <a-layout-content :class=\"rightContentStyle\">\r\n        <RouterContent ref=\"routerContentRef\" />\r\n      </a-layout-content>\r\n    </a-layout>\r\n  </a-layout>\r\n\r\n  <SettingDrawer v-if=\"isSettings\" />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["routerContentRef","onReloadPage","layoutStyle","siderStyle","rightStyle","rightContentStyle","onMenuClick","_createVNode","_unref","_createElementVNode","_renderSlot","DMenu","HeaderLayout","RouterContent","_createBlock"],"mappings":"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"}
+{"version":3,"file":"Layout.vue2.mjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n  computed,\r\n  getCurrentInstance,\r\n  provide,\r\n  ref,\r\n  VNode,\r\n  watch\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { AppContext, AppContextKey } from \"./AppContext\";\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) },\n  isSettings: { type: Boolean, required: false, default: false },\n  renderMenuIcon: { type: Function, required: false, default: undefined },\n  keepAliveMode: { type: String, required: false, default: \"Name\" },\n  enableTabContextMenu: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\n\r\nconst { onMenuClick } = useMenu();\r\nconst { routerContentRef, onReloadPage } = useReloadPage();\r\n\r\nprovide<AppContext>(AppContextKey, {\r\n  watermarkContent: computed(() => props.watermark || \"\"),\r\n  renderMenuIcon: props.renderMenuIcon,\r\n  keepAliveMode: props.keepAliveMode,\r\n  enableTabContextMenu: props.enableTabContextMenu,\r\n  onReloadPage\r\n});\r\n\r\nconst {\r\n  layoutStyle,\r\n  siderStyle,\r\n  rightStyle,\r\n  rightContentStyle\r\n} = useStyle();\r\n\r\nfunction useReloadPage() {\r\n  const routerContentRef = ref();\r\n\r\n  function onReloadPage(item: { [key: string]: unknown }) {\r\n    routerContentRef.value?.reloadPage(item.fullPath);\r\n  }\r\n  return {\r\n    routerContentRef,\r\n    onReloadPage\r\n  };\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100vh;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s\r\n      cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 1;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      .app-side {\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        ${modeConfig.value.mode === \"light\"\r\n          ? `background:${sideTokenStyle.value.bgColor};`\r\n          : \"\"}\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n\r\nfunction useMenu() {\r\n  const onMenuClick = (item: never) => {\r\n    emits(\"onMenuClick\", item);\r\n  };\r\n\r\n  return {\r\n    onMenuClick\r\n  };\r\n}\r\n\r\ndefineExpose({\r\n  onReloadPage\r\n});\r\n</script>\r\n\r\n<template>\r\n  <a-layout :class=\"layoutStyle\">\r\n    <a-layout-sider\r\n      v-model:collapsed=\"layout.collapsed\"\r\n      theme=\"light\"\r\n      collapsible\r\n      :trigger=\"null\"\r\n      :class=\"siderStyle\"\r\n      :width=\"layout.sideWidth\"\r\n    >\r\n      <div class=\"app-side\">\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu @onMenuClick=\"onMenuClick\" />\r\n      </div>\r\n    </a-layout-sider>\r\n    <a-layout :class=\"rightStyle\">\r\n      <header-layout>\r\n        <slot name=\"headerRight\"></slot>\r\n      </header-layout>\r\n      <a-layout-content :class=\"rightContentStyle\">\r\n        <RouterContent ref=\"routerContentRef\" />\r\n      </a-layout-content>\r\n    </a-layout>\r\n  </a-layout>\r\n\r\n  <SettingDrawer v-if=\"isSettings\" />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["routerContentRef","onReloadPage","layoutStyle","siderStyle","rightStyle","rightContentStyle","onMenuClick","_createVNode","_unref","_createElementVNode","_renderSlot","DMenu","HeaderLayout","RouterContent","_createBlock"],"mappings":"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"}