@weitutech/by-components 1.0.30 → 1.0.31

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@weitutech/by-components",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "private": false,
   "main": "src/index",
   "scripts": {
+    "dev": "vue-cli-service serve",
     "build": "npm run build:js && npm run build:css",
     "build:js": "vue-cli-service build --target lib --name by-components src/index.js",
     "build:css": "sass src/style/index.scss lib/index.css --no-source-map --style=compressed"

package/src/components/form/comps/custom-date-picker.vue

@@ -39,6 +39,14 @@ export default {
         size: "mini",
         active: ""
       })
+    },
+    startTimeField: {
+      type: String,
+      default: ""
+    },
+    endTimeField: {
+      type: String,
+      default: ""
     }
   },
 
@@ -95,14 +103,32 @@ export default {
     handleChange(e) {
       if (!e) {
         this.$emit("input", [])
+        if (this.startTimeField && this.endTimeField) {
+          this.$emit("range-change", { startTime: "", endTime: "" })
+        }
       } else {
-        this.$emit("input", e.map(item => moment(item).format("YYYY-MM-DD")))
+        const formattedDates = e.map(item => moment(item).format("YYYY-MM-DD"))
+        this.$emit("input", formattedDates)
+        
+        if (this.startTimeField && this.endTimeField) {
+          this.$emit("range-change", { 
+            startTime: formattedDates[0], 
+            endTime: formattedDates[1] 
+          })
+        }
       }
       this.active = ""
     },
     handleClick(item) {
       this.active = item.key
       this.$emit("input", [item.start_time, item.end_time])
+      
+      if (this.startTimeField && this.endTimeField) {
+        this.$emit("range-change", { 
+          startTime: item.start_time, 
+          endTime: item.end_time 
+        })
+      }
     }
   }
 }

package/src/components/form/form.vue

@@ -192,6 +192,7 @@
                   :value="value[`${item.field}`]"
                   v-bind="item"
                   @input="handleValueChange($event, item)"
+                  @range-change="handleRangeChange($event, item)"
                 />
               </template>
               <!-- 自定义 -->
@@ -344,6 +345,22 @@ export default {
       this.$emit("change", { ...item, value })
       this.$emit("input", this.replacementData)
     },
+    handleRangeChange({ startTime, endTime }, item) {
+      if (!item.startTimeField || !item.endTimeField) return
+      
+      if (this.replacementData) {
+        this.replacementData[item.startTimeField] = startTime
+        this.replacementData[item.endTimeField] = endTime
+      } else {
+        this.replacementData = { 
+          ...this.value, 
+          [item.startTimeField]: startTime, 
+          [item.endTimeField]: endTime 
+        }
+      }
+      
+      this.$emit("input", this.replacementData)
+    },
     handleQueryClick() {
       this.$emit("queryBtnClick")
     }

package/.browserslistrc

@@ -1,3 +0,0 @@
-> 1%
-last 2 versions
-not dead

package/babel.config.js

@@ -1,9 +0,0 @@
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ],
-  plugins: [
-    "@babel/plugin-proposal-optional-chaining",
-    "@babel/plugin-proposal-nullish-coalescing-operator"
-  ]
-}

package/jsconfig.json

@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "module": "esnext",
-    "baseUrl": "./",
-    "moduleResolution": "node",
-    "paths": {
-      "@/*": [
-        "src/*"
-      ]
-    },
-    "lib": [
-      "esnext",
-      "dom",
-      "dom.iterable",
-      "scripthost"
-    ]
-  }
-}

package/postcss.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-  plugins: {
-    // 可以根据您的需求添加具体的 PostCSS 插件
-    // 例如 autoprefixer 用于添加浏览器前缀
-    'autoprefixer': {}
-  }
-}

package/vue.config.js

@@ -1,7 +0,0 @@
-const { defineConfig } = require('@vue/cli-service')
-
-module.exports = defineConfig({
-  transpileDependencies: true,
-  outputDir: 'lib',
-  productionSourceMap: false
-})