From 532d04e2b410db96cdfd6ede379b17da90d0986b Mon Sep 17 00:00:00 2001
From: javaLuo <376693576@qq.com>
Date: Fri, 16 Apr 2021 14:54:54 +0800
Subject: [PATCH] update
---
.gitignore | 77 +-
LICENSE | 201 -
README.md | 8 +-
babel.config.js | 3 +
dist/main.js | 1 -
example/index.html | 16 -
example/main.js | 10 +-
example/public/index.html | 12 +
example/src/app.vue | 59 +-
example/src/assets/1.jpg | Bin 0 -> 18854 bytes
package.json | 89 +-
postcss.config.js | 4 -
public/1.gif | Bin 15389 -> 0 bytes
public/2.gif | Bin 10143 -> 0 bytes
public/demo.gif | Bin 62418 -> 0 bytes
src/app.vue | 270 +-
src/index.js | 2 -
src/main.js | 3 +
vue.config.js | 12 +
webpack.dev.config.js | 40 -
webpack.production.config.js | 89 -
yarn.lock | 8831 ++++++++++++++++++++++++++++++++++
22 files changed, 9100 insertions(+), 627 deletions(-)
delete mode 100644 LICENSE
create mode 100644 babel.config.js
delete mode 100644 dist/main.js
delete mode 100644 example/index.html
create mode 100644 example/public/index.html
create mode 100644 example/src/assets/1.jpg
delete mode 100644 postcss.config.js
delete mode 100644 public/1.gif
delete mode 100644 public/2.gif
delete mode 100644 public/demo.gif
delete mode 100644 src/index.js
create mode 100644 src/main.js
create mode 100644 vue.config.js
delete mode 100644 webpack.dev.config.js
delete mode 100644 webpack.production.config.js
create mode 100644 yarn.lock
diff --git a/.gitignore b/.gitignore
index e91870e..403adbc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,62 +1,23 @@
-# Logs
-logs
-*.log
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
-yarn.lock
+pnpm-debug.log*
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# TypeScript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-
-# next.js build output
-.next
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/LICENSE b/LICENSE
deleted file mode 100644
index 261eeb9..0000000
--- a/LICENSE
+++ /dev/null
@@ -1,201 +0,0 @@
- Apache License
- Version 2.0, January 2004
- http://www.apache.org/licenses/
-
- TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
- 1. Definitions.
-
- "License" shall mean the terms and conditions for use, reproduction,
- and distribution as defined by Sections 1 through 9 of this document.
-
- "Licensor" shall mean the copyright owner or entity authorized by
- the copyright owner that is granting the License.
-
- "Legal Entity" shall mean the union of the acting entity and all
- other entities that control, are controlled by, or are under common
- control with that entity. For the purposes of this definition,
- "control" means (i) the power, direct or indirect, to cause the
- direction or management of such entity, whether by contract or
- otherwise, or (ii) ownership of fifty percent (50%) or more of the
- outstanding shares, or (iii) beneficial ownership of such entity.
-
- "You" (or "Your") shall mean an individual or Legal Entity
- exercising permissions granted by this License.
-
- "Source" form shall mean the preferred form for making modifications,
- including but not limited to software source code, documentation
- source, and configuration files.
-
- "Object" form shall mean any form resulting from mechanical
- transformation or translation of a Source form, including but
- not limited to compiled object code, generated documentation,
- and conversions to other media types.
-
- "Work" shall mean the work of authorship, whether in Source or
- Object form, made available under the License, as indicated by a
- copyright notice that is included in or attached to the work
- (an example is provided in the Appendix below).
-
- "Derivative Works" shall mean any work, whether in Source or Object
- form, that is based on (or derived from) the Work and for which the
- editorial revisions, annotations, elaborations, or other modifications
- represent, as a whole, an original work of authorship. For the purposes
- of this License, Derivative Works shall not include works that remain
- separable from, or merely link (or bind by name) to the interfaces of,
- the Work and Derivative Works thereof.
-
- "Contribution" shall mean any work of authorship, including
- the original version of the Work and any modifications or additions
- to that Work or Derivative Works thereof, that is intentionally
- submitted to Licensor for inclusion in the Work by the copyright owner
- or by an individual or Legal Entity authorized to submit on behalf of
- the copyright owner. For the purposes of this definition, "submitted"
- means any form of electronic, verbal, or written communication sent
- to the Licensor or its representatives, including but not limited to
- communication on electronic mailing lists, source code control systems,
- and issue tracking systems that are managed by, or on behalf of, the
- Licensor for the purpose of discussing and improving the Work, but
- excluding communication that is conspicuously marked or otherwise
- designated in writing by the copyright owner as "Not a Contribution."
-
- "Contributor" shall mean Licensor and any individual or Legal Entity
- on behalf of whom a Contribution has been received by Licensor and
- subsequently incorporated within the Work.
-
- 2. Grant of Copyright License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- copyright license to reproduce, prepare Derivative Works of,
- publicly display, publicly perform, sublicense, and distribute the
- Work and such Derivative Works in Source or Object form.
-
- 3. Grant of Patent License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- (except as stated in this section) patent license to make, have made,
- use, offer to sell, sell, import, and otherwise transfer the Work,
- where such license applies only to those patent claims licensable
- by such Contributor that are necessarily infringed by their
- Contribution(s) alone or by combination of their Contribution(s)
- with the Work to which such Contribution(s) was submitted. If You
- institute patent litigation against any entity (including a
- cross-claim or counterclaim in a lawsuit) alleging that the Work
- or a Contribution incorporated within the Work constitutes direct
- or contributory patent infringement, then any patent licenses
- granted to You under this License for that Work shall terminate
- as of the date such litigation is filed.
-
- 4. Redistribution. You may reproduce and distribute copies of the
- Work or Derivative Works thereof in any medium, with or without
- modifications, and in Source or Object form, provided that You
- meet the following conditions:
-
- (a) You must give any other recipients of the Work or
- Derivative Works a copy of this License; and
-
- (b) You must cause any modified files to carry prominent notices
- stating that You changed the files; and
-
- (c) You must retain, in the Source form of any Derivative Works
- that You distribute, all copyright, patent, trademark, and
- attribution notices from the Source form of the Work,
- excluding those notices that do not pertain to any part of
- the Derivative Works; and
-
- (d) If the Work includes a "NOTICE" text file as part of its
- distribution, then any Derivative Works that You distribute must
- include a readable copy of the attribution notices contained
- within such NOTICE file, excluding those notices that do not
- pertain to any part of the Derivative Works, in at least one
- of the following places: within a NOTICE text file distributed
- as part of the Derivative Works; within the Source form or
- documentation, if provided along with the Derivative Works; or,
- within a display generated by the Derivative Works, if and
- wherever such third-party notices normally appear. The contents
- of the NOTICE file are for informational purposes only and
- do not modify the License. You may add Your own attribution
- notices within Derivative Works that You distribute, alongside
- or as an addendum to the NOTICE text from the Work, provided
- that such additional attribution notices cannot be construed
- as modifying the License.
-
- You may add Your own copyright statement to Your modifications and
- may provide additional or different license terms and conditions
- for use, reproduction, or distribution of Your modifications, or
- for any such Derivative Works as a whole, provided Your use,
- reproduction, and distribution of the Work otherwise complies with
- the conditions stated in this License.
-
- 5. Submission of Contributions. Unless You explicitly state otherwise,
- any Contribution intentionally submitted for inclusion in the Work
- by You to the Licensor shall be under the terms and conditions of
- this License, without any additional terms or conditions.
- Notwithstanding the above, nothing herein shall supersede or modify
- the terms of any separate license agreement you may have executed
- with Licensor regarding such Contributions.
-
- 6. Trademarks. This License does not grant permission to use the trade
- names, trademarks, service marks, or product names of the Licensor,
- except as required for reasonable and customary use in describing the
- origin of the Work and reproducing the content of the NOTICE file.
-
- 7. Disclaimer of Warranty. Unless required by applicable law or
- agreed to in writing, Licensor provides the Work (and each
- Contributor provides its Contributions) on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
- implied, including, without limitation, any warranties or conditions
- of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
- PARTICULAR PURPOSE. You are solely responsible for determining the
- appropriateness of using or redistributing the Work and assume any
- risks associated with Your exercise of permissions under this License.
-
- 8. Limitation of Liability. In no event and under no legal theory,
- whether in tort (including negligence), contract, or otherwise,
- unless required by applicable law (such as deliberate and grossly
- negligent acts) or agreed to in writing, shall any Contributor be
- liable to You for damages, including any direct, indirect, special,
- incidental, or consequential damages of any character arising as a
- result of this License or out of the use or inability to use the
- Work (including but not limited to damages for loss of goodwill,
- work stoppage, computer failure or malfunction, or any and all
- other commercial damages or losses), even if such Contributor
- has been advised of the possibility of such damages.
-
- 9. Accepting Warranty or Additional Liability. While redistributing
- the Work or Derivative Works thereof, You may choose to offer,
- and charge a fee for, acceptance of support, warranty, indemnity,
- or other liability obligations and/or rights consistent with this
- License. However, in accepting such obligations, You may act only
- on Your own behalf and on Your sole responsibility, not on behalf
- of any other Contributor, and only if You agree to indemnify,
- defend, and hold each Contributor harmless for any liability
- incurred by, or claims asserted against, such Contributor by reason
- of your accepting any such warranty or additional liability.
-
- END OF TERMS AND CONDITIONS
-
- APPENDIX: How to apply the Apache License to your work.
-
- To apply the Apache License to your work, attach the following
- boilerplate notice, with the fields enclosed by brackets "[]"
- replaced with your own identifying information. (Don't include
- the brackets!) The text should be enclosed in the appropriate
- comment syntax for the file format. We also recommend that a
- file or class name and description of purpose be included on the
- same "printed page" as the copyright notice for easier
- identification within third-party archives.
-
- Copyright [yyyy] [name of copyright owner]
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
diff --git a/README.md b/README.md
index 30c6540..8bf94f9 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,10 @@
这是一个简单的翻页倒计时vue组件，项目中有用到，所以提取了一下。
你们也可以直接把`src/app.vue`文件拷贝到项目里直接用，就是个普通vue组件，就不用`npm install` 了
+# 注意：vue2.x 和 vue3.x
+**vue-flip-down 1.x的版本仅适用于vue2.x**
+**vue-flip-down 3.x的版本仅适用于vue3.x**
+
### 示例
@@ -16,10 +20,6 @@
```
npm install vue-flip-down --save
```
-或
-```
-yarn add vue-flip-down
-```
### 使用
```vue
diff --git a/babel.config.js b/babel.config.js
new file mode 100644
index 0000000..162a3ea
--- /dev/null
+++ b/babel.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+ presets: ["@vue/cli-plugin-babel/preset"],
+};
diff --git a/dist/main.js b/dist/main.js
deleted file mode 100644
index bb0c83c..0000000
--- a/dist/main.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["vue-flip-down"]=e():t["vue-flip-down"]=e()}(this,(function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=2)}([function(t,e,n){var i=n(4),o=n(5);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[t.i,o,""]]);var r={insert:"head",singleton:!1};i(o,r);t.exports=o.locals||{}},function(t,e,n){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",i=t[3];if(!i)return n;if(e&&"function"==typeof btoa){var o=(a=i,s=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(c," */")),r=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[n].concat(r).concat([o]).join("\n")}var a,s,c;return[n].join("\n")}(e,t);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,i){"string"==typeof t&&(t=[[null,t,""]]);var o={};if(i)for(var r=0;r div {\n overflow: hidden;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-duration: 400ms;\n animation-duration: 400ms;\n -webkit-transform: rotateX(-0.01deg);\n transform: rotateX(-0.01deg);\n border-radius: 3px;\n}\n.vue-countdown-component .time-box > div.base {\n position: relative;\n}\n.vue-countdown-component .time-box > div.base .base-b {\n position: absolute;\n left: 0;\n bottom: 0;\n border-radius: 0 0 3px 3px;\n width: 100%;\n height: 100%;\n background-color: #709bf1;\n -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n}\n.vue-countdown-component .time-box > div.face {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: #6c96e8;\n -webkit-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);\n clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);\n z-index: 2;\n}\n.vue-countdown-component .time-box > div.face.anime {\n -webkit-animation-name: animate-filp-face;\n animation-name: animate-filp-face;\n}\n.vue-countdown-component .time-box > div.back {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: #709bf1;\n -webkit-transform: rotateX(-180deg);\n transform: rotateX(-180deg);\n -webkit-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n}\n.vue-countdown-component .time-box > div.back.anime {\n -webkit-animation-name: animate-filp-back;\n animation-name: animate-filp-back;\n}\n',""]),e.default=o},function(t,e,n){"use strict";n.r(e);var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["vue-countdown-component",{theme2:1!==t.theme},{ie:t.isIE}]},[t._l(t.timeArray,(function(e,i){return[n("div",{key:i,class:["time-box"]},[n("div",{staticClass:"base"},[t._v(t._s(e)),n("div",{staticClass:"base-b"},[t._v(t._s(t.timeArrayT[i]))])]),t._v(" "),n("div",{class:["face",{anime:t.isAnimate[i]}],on:{animationend:function(e){return t.onAnimateEnd(i)}}},[t._v(t._s(t.timeArrayT[i]))]),t._v(" "),n("div",{class:["back",{anime:t.isAnimate[i]}]},[t._v(t._s(e))])]),t._v(" "),t.isTimeUnitShow(i)?n("div",{key:"unit-"+i,staticClass:"time-unit"},[t._v("\n "+t._s(t.setTimeUnit(i))+"\n ")]):t._e()]}))],2)};i._withStripped=!0;var o={data(){return{isIE:!1,timeArray:2===this.theme?new Array(2*this.type).fill("0"):new Array(this.type).fill("00"),timeArrayT:2===this.theme?new Array(2*this.type).fill("0"):new Array(this.type).fill("00"),isAnimate:2===this.theme?new Array(2*this.type).fill(!1):new Array(this.type).fill(!1)}},props:{endDate:{type:[Date,Number,String],default:0},type:{type:[Number,String],default:4},theme:{type:[Number,String],default:1},timeUnit:{type:Array,default:()=>[]}},computed:{endTime(){return this.endDate instanceof Date?this.endDate.getTime():Number(this.endDate)>0?Number(this.endDate):0},step(){return 1===this.theme?1:2},arr(){const t=this.timeArray.length,e=this.step,n=[t-1,t-e-1,t-2*e-1,t-3*e-1];return n.length=this.type>1?this.type:1,n}},watch:{timeArray(t,e){const n=[];t.forEach((t,i)=>{t!==e[i]&&(n.push({value:t,index:i}),this.$set(this.isAnimate,i,!0))}),setTimeout(()=>{n.forEach(t=>{this.$set(this.timeArrayT,t.index,t.value)})},350)},endTime(t){t>0&&this.start()}},mounted(){(window.ActiveXObject||"ActiveXObject"in window||window.navigator.userAgent.indexOf("Edge")>-1)&&(this.isIE=!0),this.start(0)},beforeDestroy(){clearTimeout(this.timer)},methods:{start(t=1e3){clearTimeout(this.timer),this.timer=setTimeout(()=>{let t=this.endTime-(new Date).getTime();t=t<0?0:t;let e=0,n=0,i=0,o=0;const r=Number(this.type);r>=4?(e=Math.floor(t/864e5),n=Math.floor(t/36e5-24*e),i=Math.floor(t/6e4-1440*e-60*n),o=Math.floor(t/1e3-86400*e-3600*n-60*i)):r>=3?(n=Math.floor(t/36e5),i=Math.floor(t/6e4-60*n),o=Math.floor(t/1e3-3600*n-60*i)):r>=2?(i=Math.floor(t/6e4),o=Math.floor(t/1e3-60*i)):o=Math.floor(t/1e3);let a=[];1===Number(this.theme)?(r>=4&&a.push(String(e).padStart(2,"0")),r>=3&&a.push(String(n).padStart(2,"0")),r>=2&&a.push(String(i).padStart(2,"0")),a.push(String(o).padStart(2,"0"))):(r>=4&&a.push(...String(e).padStart(2,"0").split("")),r>=3&&a.push(...String(n).padStart(2,"0").split("")),r>=2&&a.push(...String(i).padStart(2,"0").split("")),a.push(...String(o).padStart(2,"0").split(""))),this.timeArray=a,t>0?this.start():this.$emit("timeUp")},t)},onAnimateEnd(t){this.$set(this.isAnimate,t,!1)},isTimeUnitShow(t){return!!this.arr.includes(t)&&!(t===this.timeArray.length-1&&!this.timeUnit[3])},setTimeUnit(t){switch(t){case this.timeArray.length-1:return this.timeUnit[3]||"";case this.timeArray.length-this.step-1:return this.timeUnit[2]||"";case this.timeArray.length-2*this.step-1:return this.timeUnit[1]||"";default:return this.timeUnit[0]||""}}}};n(3);var r=function(t,e,n,i,o,r,a,s){var c,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),i&&(u.functional=!0),r&&(u._scopeId="data-v-"+r),a?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},u._ssrRegister=c):o&&(c=s?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(u.functional){u._injectStyles=c;var p=u.render;u.render=function(t,e){return c.call(e),p(t,e)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,c):[c]}return{exports:t,options:u}}(o,i,[],!1,null,null,null);r.options.__file="src/app.vue";var a=r.exports;e.default=a}])}));
\ No newline at end of file
diff --git a/example/index.html b/example/index.html
deleted file mode 100644
index e522c39..0000000
--- a/example/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
-
-
- Example
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/example/main.js b/example/main.js
index c22539a..60343e2 100644
--- a/example/main.js
+++ b/example/main.js
@@ -1,8 +1,4 @@
-import Vue from 'vue';
-import App from './src/app.vue';
+import { createApp } from "vue";
+import App from "./src/app.vue";
-Vue.config.productionTip = false;
-
-new Vue({
- render: h => h(App),
-}).$mount('#root');
+createApp(App).mount("#app");
diff --git a/example/public/index.html b/example/public/index.html
new file mode 100644
index 0000000..2f653ec
--- /dev/null
+++ b/example/public/index.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+ Example
+
+
+
+
+
+
diff --git a/example/src/app.vue b/example/src/app.vue
index 7f0cd19..f15e23a 100644
--- a/example/src/app.vue
+++ b/example/src/app.vue
@@ -1,34 +1,47 @@