dpzvc3-ui 3.0.6 → 3.1.0

package/src/views/Text.vue

@@ -10,7 +10,6 @@
         :min="min"
         :max="max"
         :step="step"
-        :focus="focus"
       />
       <span class="value">value: {{ number }}</span>
     </div>
@@ -42,19 +41,24 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { defineComponent, ref } from 'vue'
-
+// import TextBar from '../components/Text'
+// import Number from '../components/number'
+import type { TextBarProps } from '../components/Text/types'
+import type { NumberProps } from '../components/number/types'
 export default defineComponent({
   name: 'ViewText',
+  // components: { Number },
+  // components: { TextBar },
   setup () {
-    const number = ref(1)
-    const min = ref(1)
-    const max = ref(10)
-    const step = ref(2)
-    const focus = ref(true)
-    const text = ref('请输入')
-    const texts = ref('正在输入....')
+    const number = ref<NumberProps['modelValue']>(0)
+    const min = ref<NumberProps['min']>(0)
+    const max = ref<NumberProps['max']>(10)
+    const step = ref<NumberProps['step']>(2)
+    // const focus = ref<NumberProps['focus']>(true)
+    const text = ref<TextBarProps['modelValue']>('请输入')
+    const texts = ref<TextBarProps['modelValue']>('正在输入....')
 
     return {
       number,

package/src/views/ToTop.vue

@@ -1,13 +1,27 @@
 <template>
   <div class="ToTop">
-    <ToTop />
+    <ToTop
+      :bottom="bottom"
+      :right="50"
+      :duration="500"
+    />
   </div>
 </template>
 
-<script>
-export default {
-  name: 'ViewToTop'
-}
+<script lang="ts">
+import { defineComponent, ref } from 'vue'
+// import ToTop from '@/components/toTop'
+import type { ToTopProps } from '@/components/toTop/types'
+export default defineComponent({
+  name: 'ViewToTop',
+  components: {
+    // ToTop
+  },
+  setup () {
+    const bottom = ref<ToTopProps['bottom']>(100)
+    return { bottom }
+  }
+})
 </script>
 
 <style  lang="less" scoped>

package/src/views/Upload.vue

@@ -16,16 +16,20 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { ref, defineComponent } from 'vue'
-
+// import Upload from '@/components/upload'
+// import type { UploadProps } from '@/components/upload/types'
 export default defineComponent({
   name: 'ViewUpload',
+  components: {
+    // Upload
+  },
   setup () {
-    const files = ref([])
+    const files = ref<Array<{ base64: string, clearBase64: string }>>([])
     const upload = ref(null)
 
-    const onChangeFile = (newFiles) => {
+    const onChangeFile = (newFiles: any[]) => {
       files.value = newFiles
     }
 

package/tsconfig.build.json

@@ -0,0 +1,30 @@
+{
+  // "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "declaration": true,             // 生成类型声明
+    "declarationMap": true,          // 可选，生成 d.ts.map
+    "emitDeclarationOnly": true,     // 只生成类型声明，不生成 js
+    "declarationDir": "dist/types",  // 类型输出目录
+    "outDir": "dist/types",
+    "rootDir": "src",
+    "jsx": "preserve",
+    "strict": true,
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "allowJs": true
+  },
+  "include": [
+    // "src/components/**/*.{ts,tsx,vue}",  // 组件源代码
+    // "src/components/badge/*.tsx",
+    // "src/components/badge/*.ts",
+    "src/shims-vue.d.ts",
+    "src/types/**/*.d.ts",
+    // "src/types/js-shims.d.ts",
+    // "src/types/index.d.ts"                 // 存放 BadgeProps 等类型
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "src/views" // demo 目录不打包到 types
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "target": "ES2018",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+
+    "strict": true,
+    "jsx": "preserve",
+
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "emitDeclarationOnly": true,
+    "allowJs": true,
+    "checkJs": false,
+
+    "skipLibCheck": true,
+    "sourceMap": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+    "rootDir": "src", 
+    "declaration": true,   // ✅ 生成 .d.ts 类型文件
+    "declarationDir": "dist/types", // ✅ 类型文件输出目录
+    "types": ["node", "vue"],
+    "noEmit": true
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.vue", 
+    "src/**/*.tsx"],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "dist-prod"
+  ]
+}

package/webpack.base.config.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 const path = require('path')
 const webpack = require('webpack')
 const { VueLoaderPlugin } = require('vue-loader')
@@ -5,7 +6,7 @@ const ESLintPlugin = require('eslint-webpack-plugin')
 
 module.exports = {
   entry: {
-    main: path.resolve(__dirname, 'src/main.js')
+    main: path.resolve(__dirname, 'src/main.ts')
   },
   output: {
     path: path.resolve(__dirname, 'dist'),
@@ -13,10 +14,11 @@ module.exports = {
     publicPath: '/'
   },
   resolve: {
-    extensions: ['.js', '.vue', '.json'],
+    extensions: ['.ts', '.js', '.tsx', '.vue', '.json'],
     alias: {
       vue$: 'vue/dist/vue.esm-bundler.js', // ✅ Vue 3 正确写法
       '@': path.resolve(__dirname, 'src')
+      // 'dpzvc3-ui': path.resolve(__dirname, 'dist/dpzvc3.esm.js')
     }
   },
   module: {
@@ -25,6 +27,24 @@ module.exports = {
         test: /\.vue$/,
         loader: 'vue-loader'
       },
+      {
+        test: /\.tsx?$/,
+        use: [
+          {
+            loader: 'babel-loader'
+          },
+          {
+            loader: 'ts-loader',
+            options: {
+              appendTsSuffixTo: [/\.vue$/],
+              transpileOnly: true // 可选，提升开发编译速度
+            }
+            // options: {
+            //   appendTsSuffixTo: [/\.vue$/] // 让 ts-loader 处理 .vue 中的 <script lang="ts">
+            // }
+          }],
+        exclude: /node_modules/
+      },
       {
         test: /\.js$/,
         exclude: /node_modules/,

package/webpack.dev.config.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 const path = require('path')
 const { merge } = require('webpack-merge')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
@@ -7,7 +8,7 @@ module.exports = merge(baseConfig, {
   mode: 'development',
 
   entry: {
-    main: path.resolve(__dirname, 'src/main.js')
+    main: path.resolve(__dirname, 'src/main.ts')
   },
 
   output: {

package/webpack.dist.dev.config.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 const path = require('path')
 const webpack = require('webpack')
 const { merge } = require('webpack-merge')
@@ -9,7 +10,7 @@ module.exports = [merge(webpackBaseConfig, {
   mode: 'production',
 
   entry: {
-    main: path.resolve(__dirname, './src/index.js')
+    main: path.resolve(__dirname, './src/index.ts')
   },
 
   output: {
@@ -41,7 +42,7 @@ merge(webpackBaseConfig, {
   mode: 'production',
 
   entry: {
-    main: path.resolve(__dirname, './src/index.js')
+    main: path.resolve(__dirname, './src/index.ts')
   },
 
   output: {

package/webpack.dist.prod.config.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 const path = require('path')
 const webpack = require('webpack')
 const TerserPlugin = require('terser-webpack-plugin')
@@ -11,7 +12,7 @@ module.exports = [
   merge(webpackBaseConfig, {
     mode: 'production',
     entry: {
-      main: path.resolve(__dirname, './src/index.js')
+      main: path.resolve(__dirname, './src/index.ts')
     },
     output: {
       path: path.resolve(__dirname, './dist'),
@@ -47,7 +48,7 @@ module.exports = [
     mode: 'production',
 
     entry: {
-      main: path.resolve(__dirname, './src/index.js')
+      main: path.resolve(__dirname, './src/index.ts')
     },
 
     output: {

package/webpack.prod.config.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 const path = require('path')
 const { merge } = require('webpack-merge')
 const webpack = require('webpack')
@@ -10,7 +11,7 @@ process.env.NODE_ENV = 'production'
 module.exports = merge(baseConfig, {
   mode: 'production',
   entry: {
-    main: './src/main.js'
+    main: './src/main.ts'
   },
   output: {
     path: path.resolve(__dirname, 'dist-prod'),