datex.js 1.0.0 → 1.0.1

package/README.md

@@ -1,3 +1,11 @@
+# Nodejs安装datex
+```js
+npm install datex.js
+```
+
+
+# datex方法说明
+
 ## getTime() 返回时间戳(毫秒)
 ```js
 datex().getTime()

package/dist/datex.min.js

@@ -1,5 +1,5 @@
 /*!
- * datex v1.0.0
+ * datex.js v1.0.1
  * a datetime format library
  * https://passer-by.com/datex/
  *
@@ -8,6 +8,6 @@
  * Released under the MIT License
  * https://github.com/mumuy/datex
  *
- * Created on: 2023-04-12
+ * Created on: 2023-04-13
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).datex=t()}(this,(function(){"use strict";let e={"en-US":{MMM:["Jan.","Feb.","Mar.","Apr.","May.","Jun.","Jul.","Aug.","Sept.","Oct.","Nov.","Dec."],MMMM:["January","February","March","April","May","June","July","August","September","October","November","December"],Do:["1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st"],W:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],w:["Sun.","Mon.","Tues.","Wed.","Thur.","Fri.","Sat."]},"zh-CN":{MMM:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],MMMM:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],Do:["1日","2日","3日","4日","5日","6日","7日","8日","9日","10日","11日","12日","13日","14日","15日","16日","17日","18日","19日","20日","21日","22日","23日","24日","25日","26日","27日","28日","29日","30日","31日"],W:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],w:["周日","周一","周二","周三","周四","周五","周六"]}},t=e["en-US"];function n(){return new n.prototype.init(...arguments)}function a(e){return e instanceof n||(e=n(e)),e}return"undefined"!=typeof self&&self.navigator&&(t=e[self.navigator.language]),n.prototype={_date:null,init:function(){return arguments.length>=3&&arguments[1]--,this._date=new Date(...arguments),this},getTime(){return this._date.getTime()},getUnix(){return~~(this._date.getTime()/1e3)},clone(){return n(this.getTime())},toDate(){return this._date},toObject(){let e=this._date;return{year:e.getFullYear(),month:e.getMonth()+1,day:e.getDate(),hour:e.getHours(),minute:e.getMinutes(),second:e.getSeconds(),millsecond:e.getMilliseconds(),timestamp:e.getTime(),week:e.getDay()}},toArray(){let e=this.toObject();return[e.year,e.month,e.day,e.hour,e.minute,e.second,e.millsecond]},toString(){return this._date.toString()},toISOString(){return this._date.toISOString()},set(e,t){let n=this._date,a=this.toObject();switch(e){case"year":n.setFullYear(t);break;case"month":n.setMonth(t-1);break;case"day":n.setDate(t);break;case"hour":n.setHours(t);break;case"minute":n.setMinutes(t);break;case"second":n.setSeconds(t);break;case"millsecond":n.setMilliseconds(t);break;case"timestamp":n.setTime(t);break;case"week":let e=a.week-t;n.setDate(a.day-e)}return this},get(e){return this.toObject()[e]},change(e,t){let n=this.toObject();return this.set(e,n[e]+t)},format(e="YYYY-MM-DD HH:mm:ss"){let n=this._date,a=this.toObject(),r=n.toTimeString().match(/GMT([\+\-])(\d{2})(\d{2})/),s={YYYY:""+a.year,YY:(""+a.year).padStart(2,"0"),MM:(""+a.month).padStart(2,"0"),M:""+a.month,DD:(""+a.day).padStart(2,"0"),D:""+a.day,HH:(""+a.hour).padStart(2,"0"),H:""+a.hour,hh:(""+a.hour%12).padStart(2,"0"),h:""+a.hour%12,mm:(""+a.minute).padStart(2,"0"),m:""+a.minute,ss:(""+a.second).padStart(2,"0"),s:""+a.second,S:""+~~(a.millsecond%1e3/100),SS:""+~~(a.millsecond%1e3/10),SSS:""+a.millsecond%1e3,Z:r[1]+r[2]+":"+r[3],ZZ:r[1]+r[2]+r[3],A:["AM","PM"][~~(a.hour/12)],a:["am","pm"][~~(a.hour/12)],X:~~(a.timestamp/1e3),x:a.timestamp,Q:""+~~(a.month/3)};return s.MMM=t.MMM[a.month-1],s.MMMM=t.MMMM[a.month-1],s.Do=t.Do[a.day-1],s.W=t.W[a.week],s.w=t.w[a.week],e.replace(/Y+|M+|D+|H+|h+|m+|s+|S+|Z+|Do|A|a|X|x|Q|W|w/g,(function(e){return s[e]||""}))},startOf(e){let t=this.toObject(),a=null;switch(e){case"year":a=n(t.year,1,1,0,0,0,0);break;case"month":a=n(t.year,t.month,1,0,0,0,0);break;case"day":a=n(t.year,t.month,t.day,0,0,0,0);break;case"hour":a=n(t.year,t.month,t.day,t.hour,0,0,0);break;case"minute":a=n(t.year,t.month,t.day,t.hour,t.minute,0,0);break;case"second":a=n(t.year,t.month,t.day,t.hour,t.minute,t.second,0);break;case"millsecond":case"timestamp":a=this.clone();break;case"week":a=n(t.year,t.month,t.day-t.week,0,0,0,0)}return a},endOf(e){return this.toObject(),this.startOf(e).change(e,"week"==e?7:1).change("millsecond",-1)},diffWith(e,t){if(e=a(e),isNaN(e.getTime()))return!1;let n={day:864e5,hour:36e5,minute:6e4,second:1e3,millsecond:1,timestamp:1},r=this.getTime()-e.getTime(),s=0;if(t){if(n[t])s=~~(r/n[t]);else if("month"==t){s=12*(this.get("year")-1)+this.get("month")-(12*(e.get("year")-1)+e.get("month")),s<0&&this.get("day")>e.get("day")?s+=1:s>0&&this.get("day")<e.get("day")&&(s-=1)}else"year"==t&&(s=this.get("year")-e.get("year"),s<0&&(this.get("month")>e.get("month")||this.get("month")==e.get("month")&&this.get("day")>e.get("day"))?s+=1:s>0&&(this.get("month")<e.get("month")||this.get("month")==e.get("month")&&this.get("day")<e.get("day"))&&(s-=1));return s}{let t=this.clone(),n={};return["year","month","day","hour","minute","second","millsecond"].forEach((function(a){n[a]=t.diffWith(e,a),t.set(a,e.get(a))})),n}},isBefore(e,t="millsecond"){return e=a(e),this.get(t)<e.get(t)},isAfter(e,t="millsecond"){return e=a(e),this.get(t)>e.get(t)},isSame(e,t="millsecond"){return e=a(e),this.get(t)==e.get(t)},isBetween(e,t,n="millsecond"){return e=a(e),t=a(t),this.get(n)>e.get(n)&&this.get(n)<t.get(n)}},n.prototype.init.prototype=n.prototype,n}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).datex=e()}(this,(function(){"use strict";let t={"en-US":{MMM:["Jan.","Feb.","Mar.","Apr.","May.","Jun.","Jul.","Aug.","Sept.","Oct.","Nov.","Dec."],MMMM:["January","February","March","April","May","June","July","August","September","October","November","December"],Do:["1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st"],W:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],w:["Sun.","Mon.","Tues.","Wed.","Thur.","Fri.","Sat."]},"zh-CN":{MMM:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],MMMM:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],Do:["1日","2日","3日","4日","5日","6日","7日","8日","9日","10日","11日","12日","13日","14日","15日","16日","17日","18日","19日","20日","21日","22日","23日","24日","25日","26日","27日","28日","29日","30日","31日"],W:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],w:["周日","周一","周二","周三","周四","周五","周六"]}},e=t["en-US"];"undefined"!=typeof self&&self.navigator&&(e=t[self.navigator.language]);const n=["year","month","day","hour","minute","second","millsecond"];function i(){return new i.prototype.init(...arguments)}function r(t){return t instanceof i?t:i(t)}return i.prototype={_date:null,init:function(){return arguments.length>=3&&arguments[1]--,this._date=new Date(...arguments),this},getTime(){return this._date.getTime()},getUnix(){return~~(this._date.getTime()/1e3)},clone(){return i(this.getTime())},toDate(){return this._date},toObject(){let t=this._date;return{year:t.getFullYear(),month:t.getMonth()+1,day:t.getDate(),hour:t.getHours(),minute:t.getMinutes(),second:t.getSeconds(),millsecond:t.getMilliseconds(),timestamp:t.getTime(),week:t.getDay()}},toArray(){let t=this.toObject();return n.map((e=>t[e]))},toString(){return this._date.toString()},toISOString(){return this._date.toISOString()},set(t,e){let n=this._date,i=this.toObject();switch(t){case"year":n.setFullYear(e);break;case"month":n.setMonth(e-1);break;case"day":n.setDate(e);break;case"hour":n.setHours(e);break;case"minute":n.setMinutes(e);break;case"second":n.setSeconds(e);break;case"millsecond":n.setMilliseconds(e);break;case"timestamp":n.setTime(e);break;case"week":n.setDate(i.day-i.week+e)}return this},get(t){return this.toObject()[t]},change(t,e){let n=this.toObject();return this.set(t,n[t]+e)},format(t="YYYY-MM-DD HH:mm:ss"){let n=this._date,i=this.toObject(),r=n.toTimeString().match(/GMT([\+\-])(\d{2})(\d{2})/),s={YYYY:""+i.year,YY:(""+i.year).padStart(2,"0"),MM:(""+i.month).padStart(2,"0"),M:""+i.month,DD:(""+i.day).padStart(2,"0"),D:""+i.day,HH:(""+i.hour).padStart(2,"0"),H:""+i.hour,hh:(""+i.hour%12).padStart(2,"0"),h:""+i.hour%12,mm:(""+i.minute).padStart(2,"0"),m:""+i.minute,ss:(""+i.second).padStart(2,"0"),s:""+i.second,S:""+~~(i.millsecond%1e3/100),SS:""+~~(i.millsecond%1e3/10),SSS:""+i.millsecond%1e3,Z:r[1]+r[2]+":"+r[3],ZZ:r[1]+r[2]+r[3],A:["AM","PM"][~~(i.hour/12)],a:["am","pm"][~~(i.hour/12)],X:~~(i.timestamp/1e3),x:i.timestamp,Q:""+~~(i.month/3)};return s.MMM=e.MMM[i.month-1],s.MMMM=e.MMMM[i.month-1],s.Do=e.Do[i.day-1],s.W=e.W[i.week],s.w=e.w[i.week],t.replace(/Y+|M+|D+|H+|h+|m+|s+|S+|Z+|Do|A|a|X|x|Q|W|w/g,(function(t){return s[t]||""}))},startOf(t){let e=this.toObject(),r=null,s=n.indexOf(t)+1,a=this.toArray(),h=[1970,1,1,0,0,0,0].slice(s);return a.splice(s,h.length,...h),r="timestamp"==t?this.clone():"week"==t?i(e.year,e.month,e.day-e.week,0,0,0,0):i(...a),r},endOf(t){return this.startOf(t).change(t,"week"==t?7:1).change("millsecond",-1)},diffWith(t,e){if(!(t=r(t)).isValid())return!1;let i={day:864e5,hour:36e5,minute:6e4,second:1e3,millsecond:1,timestamp:1},s=this.getTime()-t.getTime(),a=0;if(e){if(i[e])a=~~(s/i[e]);else if("month"==e){a=12*(this.get("year")-1)+this.get("month")-(12*(t.get("year")-1)+t.get("month")),a<0&&this.get("day")>t.get("day")?a+=1:a>0&&this.get("day")<t.get("day")&&(a-=1)}else"year"==e&&(a=this.get("year")-t.get("year"),a<0&&(this.get("month")>t.get("month")||this.get("month")==t.get("month")&&this.get("day")>t.get("day"))?a+=1:a>0&&(this.get("month")<t.get("month")||this.get("month")==t.get("month")&&this.get("day")<t.get("day"))&&(a-=1));return a}{let e=this.clone(),i={};return n.forEach((function(n){i[n]=e.diffWith(t,n),e.set(n,t.get(n))})),i}},isBefore(t,e="timestamp"){return t=r(t),this.get(e)<t.get(e)},isAfter(t,e="timestamp"){return t=r(t),this.get(e)>t.get(e)},isSame(t,e="timestamp"){return t=r(t),this.get(e)==t.get(e)},isBetween(t,e,n="timestamp"){return t=r(t),e=r(e),this.get(n)>t.get(n)&&this.get(n)<e.get(n)},isValid(){return!isNaN(this.getTime())}},i.prototype.init.prototype=i.prototype,i}));

package/index.html

@@ -143,6 +143,12 @@
 									<span class="subtitle">isBetween</span>
 								</a>
 							</li>
+							<li>
+								<a href="#has20">
+									<span class="title">是否为有效对象</span>
+									<span class="subtitle">isValid</span>
+								</a>
+							</li>
 						</ul>
 					</div>
 				</div>
@@ -977,6 +983,16 @@
 									</table>
 								</div>
 							</div>
+							<div id="hash20" class="box">
+								<div class="c-hd">
+									<p class="title">是否为有效对象</p>
+									<p class="subtitle">isValid()</p>
+								</div>
+								<div class="c-bd">
+									<p>运行：datex('2008-13-12').isValid()</p>
+									<p>返回：false</p>
+								</div>
+							</div>
 						</div>
 					</div>
 				</div>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "datex.js",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "description": "a datetime format library",
     "author": "HaoLe Zheng",
     "license": "MIT",

package/src/datex.js

@@ -17,15 +17,13 @@ let language = langMap['en-US'];
 if(typeof self!='undefined'&&self.navigator){
     language = langMap[self.navigator.language];
 }
+const timeList = ['year','month','day','hour','minute','second','millsecond'];
 
 function datex(){
     return new datex.prototype.init(...arguments);
 }
 function getInstance(that){
-    if(!(that instanceof datex)){
-        that = datex(that);
-    }
-    return that;
+    return that instanceof datex?that:datex(that);
 }
 
 datex.prototype = {
@@ -65,7 +63,7 @@ datex.prototype = {
     },
     toArray(){
         let $ = this.toObject();
-        return [$.year,$.month,$.day,$.hour,$.minute,$.second,$.millsecond];
+        return timeList.map(name=>$[name]);
     },
     toString(){
         return this._date.toString();
@@ -102,8 +100,7 @@ datex.prototype = {
                 _.setTime(value);
                 break;
             case 'week':
-                let diff = $.week-value;
-                _.setDate($.day-diff);
+                _.setDate($.day-$.week+value);
                 break;
         }
         return this;
@@ -158,48 +155,31 @@ datex.prototype = {
     startOf(unit){
         let $ = this.toObject();
         let that = null;
-        switch (unit) {
-            case 'year':
-                that = datex($.year,1,1,0,0,0,0);
-                break;
-            case 'month':
-                that = datex($.year,$.month,1,0,0,0,0);
-                break;
-            case 'day':
-                that = datex($.year,$.month,$.day,0,0,0,0);
-                break;
-            case 'hour':
-                that = datex($.year,$.month,$.day,$.hour,0,0,0);
-                break;
-            case 'minute':
-                that = datex($.year,$.month,$.day,$.hour,$.minute,0,0);
-                break;
-            case 'second':
-                that = datex($.year,$.month,$.day,$.hour,$.minute,$.second,0);
-                break;
-            case 'millsecond':
-            case 'timestamp':
-                that = this.clone();
-                break;
-            case 'week':
-                that = datex($.year,$.month,$.day-$.week,0,0,0,0);
-                break;
+        let index = timeList.indexOf(unit)+1;
+        let dateSet = this.toArray();
+        let initSet = [1970,1,1,0,0,0,0].slice(index);
+        dateSet.splice(index,initSet.length,...initSet);
+        if(unit=='timestamp'){
+            that = this.clone();
+        }else if(unit=='week'){
+            that = datex($.year,$.month,$.day-$.week,0,0,0,0);
+        }else{
+            that = datex(...dateSet);
         }
         return that;
     },
     endOf(unit){
-        let $ = this.toObject();
         return this.startOf(unit).change(unit,unit=='week'?7:1).change('millsecond',-1);
     },
     diffWith(that,unit){
         that = getInstance(that);
-        if(isNaN(that.getTime())){
+        if(!that.isValid()){
             return false;
         }
         let diffMap = {
-            'day':86400000,
-            'hour':3600000,
-            'minute':60000,
+            'day':8.64e7,
+            'hour':3.6e6,
+            'minute':6e4,
             'second':1000,
             'millsecond':1,
             'timestamp':1
@@ -230,29 +210,32 @@ datex.prototype = {
         }else{
             let clone = this.clone();
             let hash = {};
-            ['year','month','day','hour','minute','second','millsecond'].forEach(function(unit){
+            timeList.forEach(function(unit){
                 hash[unit] = clone.diffWith(that,unit);
                 clone.set(unit,that.get(unit));
             });
             return hash;
         }
     },
-    isBefore(that,unit = 'millsecond'){
+    isBefore(that,unit = 'timestamp'){
         that = getInstance(that);
         return this.get(unit)<that.get(unit);
     },
-    isAfter(that,unit = 'millsecond'){
+    isAfter(that,unit = 'timestamp'){
         that = getInstance(that);
         return this.get(unit)>that.get(unit);
     },
-    isSame(that,unit = 'millsecond'){
+    isSame(that,unit = 'timestamp'){
         that = getInstance(that);
         return this.get(unit)==that.get(unit);
     },
-    isBetween(startDate,endDate,unit = 'millsecond'){
+    isBetween(startDate,endDate,unit = 'timestamp'){
         startDate = getInstance(startDate);
         endDate = getInstance(endDate);
         return this.get(unit)>startDate.get(unit)&&this.get(unit)<endDate.get(unit);
+    },
+    isValid(){
+        return !isNaN(this.getTime());
     }
 };
 datex.prototype.init.prototype = datex.prototype;

package/static/image/bg.svg

@@ -1,54 +1,54 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="1440px" height="448px" viewBox="0 0 1440 448" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
-    <title>编组 5备份</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <linearGradient x1="-5.68700053%" y1="45.5298642%" x2="84.7892757%" y2="53.934985%" id="linearGradient-1">
-            <stop stop-color="#FBFCFD" offset="0%"></stop>
-            <stop stop-color="#F8FCFF" offset="100%"></stop>
-        </linearGradient>
-        <radialGradient cx="49.4552285%" cy="50%" fx="49.4552285%" fy="50%" r="94.8348304%" gradientTransform="translate(0.494552,0.500000),scale(0.311111,1.000000),rotate(90.000000),translate(-0.494552,-0.500000)" id="radialGradient-2">
-            <stop stop-color="#FFFFFF" stop-opacity="0.5" offset="0%"></stop>
-            <stop stop-color="#EDF6FF" stop-opacity="0.578179633" offset="100%"></stop>
-        </radialGradient>
-        <rect id="path-3" x="0" y="0" width="1440" height="448"></rect>
-        <linearGradient x1="72.8463444%" y1="12.5451885%" x2="72.8463444%" y2="295.836589%" id="linearGradient-5">
-            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
-            <stop stop-color="#9FD7FF" stop-opacity="0.383058348" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="16.6159843%" y1="49.1386719%" x2="5.85340543%" y2="50.8613281%" id="linearGradient-6">
-            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
-            <stop stop-color="#F2F7FC" offset="100%"></stop>
-        </linearGradient>
-        <rect id="path-7" x="0" y="259" width="1440" height="189"></rect>
-        <linearGradient x1="54.7550093%" y1="16.6478641%" x2="54.7550093%" y2="112.331979%" id="linearGradient-8">
-            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
-            <stop stop-color="#D2ECFF" stop-opacity="0.225387893" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="导航方案备份">
-            <g id="编组-5备份">
-                <g id="路径备份">
-                    <g id="蒙版">
-                        <g transform="translate(0.000000, 0.000000)">
-                            <mask id="mask-4" fill="white">
-                                <use xlink:href="#path-3"></use>
-                            </mask>
-                            <g>
-                                <use fill="url(#linearGradient-1)" xlink:href="#path-3"></use>
-                                <use fill="url(#radialGradient-2)" xlink:href="#path-3"></use>
-                            </g>
-                            <g id="矩形备份-32" mask="url(#mask-4)">
-                                <use fill="url(#linearGradient-5)" xlink:href="#path-7"></use>
-                                <use fill="url(#linearGradient-6)" xlink:href="#path-7"></use>
-                            </g>
-                            <rect id="矩形" fill="url(#linearGradient-8)" mask="url(#mask-4)" x="0" y="166" width="1440" height="282"></rect>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1440px" height="448px" viewBox="0 0 1440 448" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>编组 5备份</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="-5.68700053%" y1="45.5298642%" x2="84.7892757%" y2="53.934985%" id="linearGradient-1">
+            <stop stop-color="#FBFCFD" offset="0%"></stop>
+            <stop stop-color="#F8FCFF" offset="100%"></stop>
+        </linearGradient>
+        <radialGradient cx="49.4552285%" cy="50%" fx="49.4552285%" fy="50%" r="94.8348304%" gradientTransform="translate(0.494552,0.500000),scale(0.311111,1.000000),rotate(90.000000),translate(-0.494552,-0.500000)" id="radialGradient-2">
+            <stop stop-color="#FFFFFF" stop-opacity="0.5" offset="0%"></stop>
+            <stop stop-color="#EDF6FF" stop-opacity="0.578179633" offset="100%"></stop>
+        </radialGradient>
+        <rect id="path-3" x="0" y="0" width="1440" height="448"></rect>
+        <linearGradient x1="72.8463444%" y1="12.5451885%" x2="72.8463444%" y2="295.836589%" id="linearGradient-5">
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#9FD7FF" stop-opacity="0.383058348" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="16.6159843%" y1="49.1386719%" x2="5.85340543%" y2="50.8613281%" id="linearGradient-6">
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#F2F7FC" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-7" x="0" y="259" width="1440" height="189"></rect>
+        <linearGradient x1="54.7550093%" y1="16.6478641%" x2="54.7550093%" y2="112.331979%" id="linearGradient-8">
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#D2ECFF" stop-opacity="0.225387893" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="导航方案备份">
+            <g id="编组-5备份">
+                <g id="路径备份">
+                    <g id="蒙版">
+                        <g transform="translate(0.000000, 0.000000)">
+                            <mask id="mask-4" fill="white">
+                                <use xlink:href="#path-3"></use>
+                            </mask>
+                            <g>
+                                <use fill="url(#linearGradient-1)" xlink:href="#path-3"></use>
+                                <use fill="url(#radialGradient-2)" xlink:href="#path-3"></use>
+                            </g>
+                            <g id="矩形备份-32" mask="url(#mask-4)">
+                                <use fill="url(#linearGradient-5)" xlink:href="#path-7"></use>
+                                <use fill="url(#linearGradient-6)" xlink:href="#path-7"></use>
+                            </g>
+                            <rect id="矩形" fill="url(#linearGradient-8)" mask="url(#mask-4)" x="0" y="166" width="1440" height="282"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
 </svg>