Tencent · zydemail · May 12, 2025 · May 12, 2025 · May 19, 2025 · May 19, 2025
@@ -29,3 +29,5 @@ Dockerfile
 robotMsg.json
 .gitlogmap
 .eslintcache
+.codebuddy
+.tico
@@ -1,6 +1,12 @@
 {
   "eslint.format.enable": true,
-  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue"],
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue"
+  ],
   "[vue]": {
     "editor.formatOnSave": true,
     "editor.defaultFormatter": "dbaeumer.vscode-eslint"
@@ -42,6 +48,8 @@
     "tmenu",
     "tnode",
     "vnode",
-    "wechat"
+    "wechat",
+    "Actionbar",
+    "vueify"
   ]
 }
@@ -179,7 +179,11 @@ export const buildEs = async () => {
       input: [...inputList, `!${joinProComponentsChatRoot('index-lib.ts')}`],
       // 为了保留 style/css.js
       treeshake: false,
-      external: esExternal,
+      external: [
+        ...esExternal,
+        /\.css$/, // 排除所有 CSS 文件
+        /tdesign-web-components.*\.css$/, // 排除 tdesign-web-components 的 CSS 文件
+      ],
       plugins: [multiInput({ relative: joinProComponentsChatRoot() }), ...getPlugins({ cssBuildType: 'multi' })],
     });
     bundle.write({
@@ -203,7 +207,13 @@ export const buildEs = async () => {
 export const buildEsm = async () => {
   const bundle = await rollup({
     input: [...inputList, `!${joinProComponentsChatRoot('index-lib.ts')}`],
-    external: [...externalDeps, ...externalPeerDeps, /@tdesign\/common-style/],
+    external: [
+      ...externalDeps,
+      ...externalPeerDeps,
+      /@tdesign\/common-style/,
+      /\.css$/, // 排除所有 CSS 文件
+      /tdesign-web-components.*\.css$/, // 排除 tdesign-web-components 的 CSS 文件
+    ],
     plugins: [multiInput({ relative: joinProComponentsChatRoot() }), ...getPlugins({ cssBuildType: 'source' })],
   });
   await bundle.write({

@@ -11,7 +11,7 @@ const generateSourceTypes = async () => {
   const typesRoot = joinWorkspaceRoot(typesTempDir);
 
   // 2. 删除 style 目录
-  const styleDirPaths = await glob(`${joinPosix(typesRoot, 'packages/**/style')}`);
+  const styleDirPaths = await glob(`${joinPosix(typesRoot, 'packages/pro-components/chat/**/style')}`);
   await Promise.all(
     styleDirPaths.map(async (styleDirPath) => {
       await remove(styleDirPath);
@@ -27,20 +27,17 @@ const generateTargetTypes = async (target: 'es' | 'esm' | 'lib' | 'cjs') => {
 
   // 1. 复制 packages/pro-components/chat 到 packages/tdesign-vue-next-chat/target 下
   const targetDir = joinTdesignVueNextChatRoot(`${target}`);
-  // TODO
-  // temp delete 'dist/types/packages/pro-components/chat/_example'
+
   // should be use correct tsconfig.json to generate correct types
-  await remove(joinPosix(typesRoot, `packages/pro-components/chat/_example`));
   await copy(joinPosix(typesRoot, `packages/pro-components/chat`), targetDir);
 
   // 2. 替换 @tdesign/common-js 为 tdesign-vue-next/common/js
-  // TODO: check if this is needed, NOW chat does not use common-js
-  // const dtsPaths = await glob(`${joinPosix(targetDir, '**/*.d.ts')}`);
-  // const rewrite = dtsPaths.map(async (filePath) => {
-  //   const content = await readFile(filePath, 'utf8');
-  //   await writeFile(filePath, content.replace(/@tdesign\/common-js/g, `tdesign-vue-next/${target}/common/js`), 'utf8');
-  // });
-  // await Promise.all(rewrite);
+  const dtsPaths = await glob(`${joinPosix(targetDir, '**/*.d.ts')}`);
+  const rewrite = dtsPaths.map(async (filePath) => {
+    const content = await readFile(filePath, 'utf8');
+    await writeFile(filePath, content.replace(/@tdesign\/common-js/g, `tdesign-vue-next/${target}/common/js`), 'utf8');
+  });
+  await Promise.all(rewrite);
 };
 
 const removeSourceTypes = async () => {
@@ -52,7 +49,6 @@ export const buildTypes = async () => {
   try {
     await removeSourceTypes();
     await generateSourceTypes();
-    // const targets = ['es', 'esm', 'lib', 'cjs'] as const;
     const targets = ['es', 'esm'] as const;
     await Promise.all(
       targets.map(async (target) => {

@@ -60,7 +60,7 @@ export const catalogs = {
     sortablejs: '^1.15.0',
     tinycolor2: '^1.6.0',
     validator: '^13.9.0',
-    vue: '^3.3.9',
+    vue: '^3.5.0',
     'vue-router': '^4.2.4',
   },
   docs: {

@@ -83,4 +83,4 @@
       "eslint --fix --cache"
     ]
   }
-}
+}
@@ -14,7 +14,7 @@ export default defineComponent({
     const COMPONENT_NAME = usePrefixClass('affix');
     const renderContent = useContent();
 
-    const affixWrapRef = ref<HTMLElement>(null);
+    const affixWrapRef = ref(null);
     const affixRef = ref<HTMLElement>(null);
     const placeholderEL = ref(document?.createElement('div')); // 占位节点
     const ticking = ref(false);

@@ -40,9 +40,9 @@ export default defineComponent({
 
     const renderIconTNode = useIcon();
     // alert的dom引用
-    const alertRef = ref<HTMLElement | null>(null);
+    const alertRef = ref<HTMLElement>();
     // description的dom引用
-    const descriptionRef = ref<HTMLElement | null>(null);
+    const descriptionRef = ref<HTMLElement>();
     // desc高度
     const descHeight = ref(0);
     // 是否可见，关闭后置为false

@@ -30,6 +30,7 @@ export default defineComponent({
       const className = [`${COMPONENT_NAME.value}__target`];
       const iconClassName = `${classPrefix.value}-copy`;
       return (
+        // @ts-expect-error
         <TAG id={id} class={className}>
           {children && children(null)}
           <Popup content={globalConfig.value.copyText} placement="top" showArrow class={iconClassName}>

@@ -40,7 +40,7 @@ export default defineComponent({
     const anchorRef = ref<HTMLElement | null>(null);
     const links = ref<string[]>([]);
     const active = ref('');
-    const scrollContainer = ref<ANCHOR_CONTAINER>(null);
+    const scrollContainer = ref<ANCHOR_CONTAINER>();
     const handleScrollLock = ref<boolean>(false);
     const activeLineStyle = reactive({});
     const COMPONENT_NAME = usePrefixClass('anchor');

@@ -13,6 +13,7 @@ describe('Avatar', () => {
   describe('props', () => {
     let wrapper: VueWrapper<InstanceType<typeof Avatar>> | null = null;
     beforeEach(() => {
+      // @ts-ignore TODO
       wrapper = mount(<Avatar>Avatar</Avatar>) as VueWrapper<InstanceType<typeof Avatar>>;
     });
 

@@ -56,6 +56,7 @@ export default defineComponent({
     });
 
     const handleClick = () => {
+      // @ts-ignore
       const router = props.router || proxy.$router;
 
       if (props.to && router) {

@@ -275,7 +275,6 @@ export default defineComponent({
               <div class={cls.controlSectionCell.value}>
                 <TCheckTag
                   class={cls.controlTag.value}
-                  theme={state.isShowWeekend ? 'default' : 'primary'}
                   size="large"
                   {...weekendBtn.vBind.value}
                   disabled={weekendBtn.isDisabled.value}

@@ -58,12 +58,11 @@ export default defineComponent({
         return renderTNodeJSX('suffixIcon');
       }
 
-      const { visible, disabled } = cascaderContext.value;
+      const { visible } = cascaderContext.value;
       return (
         <FakeArrow
           overlayClassName={getFakeArrowIconClass(classPrefix.value, STATUS.value, cascaderContext.value)}
           isActive={visible}
-          disabled={disabled}
         />
       );
     };
@@ -189,7 +188,6 @@ export default defineComponent({
                   option={props.option}
                   options={props.options}
                   empty={props.empty}
-                  visible={visible}
                   trigger={props.trigger}
                   loading={props.loading}
                   loadingText={props.loadingText}

@@ -11,6 +11,6 @@ export default defineComponent({
   setup(props, { attrs }) {
     const newProps = computed(() => pickBy({ ...props, ...attrs }, (v) => v !== undefined));
     const prefix = usePrefixClass();
-    return () => <ColorPanel {...newProps.value} popupProps={null} class={`${prefix.value}-is-inline`} />;
+    return () => <ColorPanel {...newProps.value} class={`${prefix.value}-is-inline`} />;
   },
 });
@@ -12,7 +12,7 @@ export default defineComponent({
   props: baseProps,
   setup(props) {
     const baseClassName = useBaseClassName();
-    const refPanel = ref<HTMLElement>(null);
+    const refPanel = ref<HTMLElement>();
     const refThumb = ref<HTMLElement>(null);
     const dragInstance = ref<Draggable>(null);
     const panelRect = reactive({

@@ -30,7 +30,7 @@ export default defineComponent({
   },
   setup(props) {
     const baseClassName = useBaseClassName();
-    const refPanel = ref<HTMLElement>(null);
+    const refPanel = ref<HTMLElement>();
     const refThumb = ref<HTMLElement>(null);
     const dragInstance = ref<Draggable>(null);
     const panelRect = reactive({

@@ -318,6 +318,11 @@ export interface ChatConfig {
    * @default ''
    */
   dislikeTipText?: string;
+  /**
+   * 语言配置，“分享”占位描述文本
+   * @default ''
+   */
+  shareTipText?: string;
   /**
    * 语言配置，“复制代码”占位描述文本
    * @default ''

@@ -389,7 +389,6 @@ export default defineComponent({
           }
           popupVisible={!isReadOnly.value && popupVisible.value}
           valueDisplay={() => renderTNodeJSX('valueDisplay', { params: valueDisplayParams.value })}
-          needConfirm={props.needConfirm}
           {...(props.selectInputProps as TdDatePickerProps['selectInputProps'])}
           panel={() => <TSinglePanel {...panelProps.value} />}
           tagInputProps={{

@@ -5,7 +5,7 @@ import { useConfig, useTNodeJSX, usePrefixClass, useCommonClassName } from '@tde
 
 import props from './props';
 import type { TdEmptyProps } from './type';
-import Image from '../image';
+import Image, { ImageProps } from '../image';
 import MaintenanceSvg from './components/MaintenanceSvg';
 import NetworkErrorSvg from './components/NetworkErrorSvg';
 import EmptySvg from './components/EmptySvg';
@@ -82,7 +82,7 @@ export default defineComponent({
       } else if (data && Reflect.has(data, 'setup')) {
         result = h(data as unknown);
       } else if (isPlainObject(data)) {
-        result = <Image {...data} />;
+        result = <Image {...(data as ImageProps)} />;
       }
 
       return data ? result : null;

@@ -10,7 +10,7 @@ describe('FormItem', () => {
       const wrapper = mount(
         <Form>
           <FormItem label="label" name="name" for="name">
-            <Input id="name" />
+            <Input />
           </FormItem>
         </Form>,
       );
@@ -22,7 +22,7 @@ describe('FormItem', () => {
       const wrapper = mount(
         <Form>
           <FormItem label="label" name="name" help="help text">
-            <Input id="name" />
+            <Input />
           </FormItem>
         </Form>,
       );
@@ -33,7 +33,7 @@ describe('FormItem', () => {
       const wrapperSlot = mount(
         <Form>
           <FormItem label="label" name="name" v-slots={{ help: () => 'help text' }}>
-            <Input id="name" />
+            <Input />
           </FormItem>
         </Form>,
       );
@@ -43,7 +43,7 @@ describe('FormItem', () => {
       const wrapperFunction = mount(
         <Form>
           <FormItem label="label" name="name" help={renderHelp}>
-            <Input id="name" />
+            <Input />
           </FormItem>
         </Form>,
       );
@@ -54,7 +54,7 @@ describe('FormItem', () => {
       const wrapper = mount(
         <Form>
           <FormItem label="label" name="name">
-            <Input id="name" />
+            <Input />
           </FormItem>
         </Form>,
       );
@@ -65,7 +65,7 @@ describe('FormItem', () => {
       const wrapperSlot = mount(
         <Form>
           <FormItem name="name" v-slots={{ label: () => 'label' }}>
-            <Input id="name" />
+            <Input />
           </FormItem>
         </Form>,
       );
@@ -75,7 +75,7 @@ describe('FormItem', () => {
       const wrapperFunction = mount(
         <Form>
           <FormItem name="name" label={renderHelp}>
-            <Input id="name" />
+            <Input />
           </FormItem>
         </Form>,
       );
@@ -85,7 +85,7 @@ describe('FormItem', () => {
     it('labelAlign[string]', () => {
       const formItemWrapper = mount(
         <FormItem label="label" name="name">
-          <Input id="name" />
+          <Input />
         </FormItem>,
       );
 
@@ -99,7 +99,7 @@ describe('FormItem', () => {
         mount(
           <Form label-align="right">
             <FormItem label="label" name="name" labelAlign={align}>
-              <Input id="name" />
+              <Input />
             </FormItem>
           </Form>,
         );
@@ -114,7 +114,7 @@ describe('FormItem', () => {
         mount(
           <Form label-width="100px">
             <FormItem label="label" name="name" labelWidth={labelWidth}>
-              <Input id="name" />
+              <Input />
             </FormItem>
           </Form>,
         );
@@ -134,7 +134,7 @@ describe('FormItem', () => {
           return () => (
             <Form rules={rules}>
               <FormItem label="label" name="name">
-                <Input id="name" />
+                <Input />
               </FormItem>
             </Form>
           );

@@ -20,6 +20,7 @@ describe('Form hooks', () => {
       const wrapper = mount(TestComponent, {
         props: { disabled: true },
       });
+      // @ts-ignore: TODO
       expect(wrapper.vm.disabledState).toBe(true);
     });
 
@@ -32,6 +33,7 @@ describe('Form hooks', () => {
           },
         },
       });
+      // @ts-ignore: TODO
       expect(wrapper.vm.disabledState).toBe(true);
     });
 
@@ -49,6 +51,7 @@ describe('Form hooks', () => {
           return { disabledState };
         },
       });
+      // @ts-ignore: TODO
       expect(wrapper.vm.disabledState).toBe(true);
     });
 
@@ -66,6 +69,7 @@ describe('Form hooks', () => {
           return { disabledState };
         },
       });
+      // @ts-ignore: TODO
       expect(wrapper.vm.disabledState).toBe(false);
     });
   });
-Original file line number
+Diff line change
@@ Expand Up / @@ -83,4 +83,4 @@ @@
           "eslint --fix --cache"
         ]
       }
-    }
+    }