time-range-picker 0.1.27 → 3.0.0

package/package.json

@@ -1,38 +1,42 @@
-{
-  "name": "time-range-picker",
-  "version": "0.1.27",
-  "author": "",
-  "license": "MIT",
-  "description": "",
-  "keywords": [],
-  "private": false,
-  "main": "dist/time-range-picker.umd.min.js",
-  "repository": {
-    "type": "git",
-    "url": ""
-  },
-  "scripts": {
-    "dev": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lib": "vue-cli-service build --target lib --name time-range-picker src/main.js",
-    "pub": "npm run lib && nrm use npm && npm publish && nrm use taobao"
-  },
-  "dependencies": {
-    "core-js": "^3.6.4",
-    "dayjs": "^1.8.26",
-    "time-range-picker": "^0.1.0"
-  },
-  "peerDependencies": {
-    "element-ui": "^2.13.1",
-    "vue": "^2.6.11"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.2.0",
-    "@vue/cli-service": "~4.2.0",
-    "element-ui": "^2.13.1",
-    "sass": "^1.25.0",
-    "sass-loader": "^8.0.2",
-    "vue": "^2.6.11",
-    "vue-template-compiler": "^2.6.11"
-  }
-}
+{
+  "name": "time-range-picker",
+  "uppercasename": "TimeRangePicker",
+  "private": false,
+  "version": "3.0.0",
+  "keywords": [
+    "starry"
+  ],
+  "scripts": {
+    "dev": "vite --force --host",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "files": [
+    "lib"
+  ],
+  "main": "./lib/time-range-picker.umd.js",
+  "module": "./lib/time-range-picker.mjs",
+  "unpkg": "./lib/time-range-picker.umd.js",
+  "#types": "./lib/index.d.ts",
+  "exports": {
+    "./lib/style.css": "./lib/style.css",
+    ".": {
+      "#types": "./lib/index.d.ts",
+      "import": "./lib/time-range-picker.mjs",
+      "require": "./lib/time-range-picker.umd.js"
+    }
+  },
+  "dependencies": {
+    "element-plus": "^2.3.4",
+    "vue": "^3.2.25"
+  },
+  "devDependencies": {
+    "@element-plus/icons-vue": "^2.1.0",
+    "@vitejs/plugin-vue": "^2.3.3",
+    "dayjs": "^1.11.7",
+    "sass": "^1.62.1",
+    "unplugin-auto-import": "^0.15.3",
+    "unplugin-vue-components": "^0.24.1",
+    "vite": "^2.9.9"
+  }
+}

package/demo/index.vue

@@ -1,106 +0,0 @@
-<!--
- * @Descripttion: 
- * @version: 
- * @Author: 韩应波
- * @Date: 2021-01-20 10:21:21
- * @LastEditors: 韩应波
- * @LastEditTime: 2021-02-08 11:48:34
--->
-<template>
-  <div id="App">
-    <div>
-      切换类型:
-      <el-button @click="type = 'time'">time</el-button>
-      <el-button @click="type = 'date-time'">date-time</el-button>
-      <el-button @click="type = 'date'">date</el-button>
-      <el-button @click="type = 'year-month'">year-month</el-button>
-      <el-button @click="type = 'month'">month</el-button>
-      <el-button @click="type = 'year'">year</el-button>
-      <el-button @click="type = 'time-select'">time-select</el-button>
-    </div>
-    <br />
-    设置defaultDate:
-    <el-button @click="defaultDate = ''">空</el-button>
-    <el-button @click="defaultDate = 'thisMonth'">thisMonth(本月第一天到今天)</el-button>
-    <el-button @click="defaultDate = 'thisYear'">thisYear(本年第一天今天)</el-button>
-    <el-button @click="defaultDate = 'pastOneYear'">pastOneYear(近一年)</el-button>
-    <el-button @click="defaultDate = 'pastOneMonth'">pastOneMonth(近一月)</el-button>
-    <br />
-    设置disabled:
-    <el-switch v-model="disabled" />
-    <br />
-    <br />
-    <el-form ref="rowForm" :model="time">
-      <el-form-item label="表单" prop="start" :rules="required">
-        <TimeRangePicker
-          :key="type + '123' + defaultDate"
-          :type="type"
-          :start.sync="time.start"
-          :end.sync="time.end"
-          :disabled="disabled"
-          :defaultDate="defaultDate"
-          :picker-options="{
-            step: '00:30'
-          }"
-        />
-      </el-form-item>
-      <el-form-item label="重置">
-        <el-button @click="$refs.rowForm.resetFields()">重置</el-button>
-      </el-form-item>
-    </el-form>
-    <div>返回值 start: {{ time.start }} end: {{ time.end }}</div>
-    <el-button @click="submit">校验</el-button>
-    <br />
-    <br />
-    外部设置值：
-    <el-input v-model="start" style="width: 100px" />
-    -
-    <el-input v-model="end" style="width: 100px" />
-    <el-button @click="setTime">设置</el-button>
-  </div>
-</template>
-
-<script>
-import TimeRangePicker from '../src/index.vue'
-// import { TimeRangePicker } from '../dist/time-range-picker.umd.js'
-
-export default {
-  components: { TimeRangePicker },
-  data() {
-    return {
-      type: 'date',
-      disabled: false,
-      defaultDate: '',
-      time: {
-        start: TimeRangePicker.defaultDate.currentMonth[0],
-        end: TimeRangePicker.defaultDate.currentMonth[1]
-      },
-      start: '',
-      end: '',
-      required: { required: true, message: '必填' }
-    }
-  },
-  watch: {
-    time: {
-      handler(n) {
-        // 主动触发校验方法
-        this.$refs.rowForm.validateField('start')
-      },
-      deep: true
-    }
-  },
-  methods: {
-    submit() {
-      this.$refs.rowForm.validate((valid) => {
-        console.log(valid)
-      })
-    },
-    setTime() {
-      this.time = {
-        start: this.start,
-        end: this.end
-      }
-    }
-  }
-}
-</script>

package/demo/main.js

@@ -1,14 +0,0 @@
-import Vue from 'vue'
-import App from './index.vue'
-
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
-
-Vue.config.productionTip = false
-
-Vue.use(ElementUI, {
-  size: 'medium' // set element-ui default size
-})
-new Vue({
-  render: h => h(App)
-}).$mount('#app')

package/dist/demo.html

@@ -1,8 +0,0 @@
-<meta charset="utf-8">
-<title>time-range-picker demo</title>
-<script src="./time-range-picker.umd.js"></script>
-
-
-<script>
-console.log(time-range-picker)
-</script>