anytrek-front-public-component 1.2.2 → 1.2.5

package/README.md

@@ -5,28 +5,32 @@ A public component library
 `npm install anytrek-front-public-component --save`
 
 # Project Use
-`import frontPublicComponent from 'anytrek-front-public-component';`
+`import frontPublicComponent from 'anytrek-front-public-component';`<br>
 `import 'anytrek-front-public-component/style.css';`
 
 ## anytrekTimerangePick
 Select a time range
 
-`<anytrekTimerangePick`
-  `v-model:visible="anytrekTimerangePickVisible"`
-  `v-model:value="anytrekTimerangePickValue"`
-  `v-model:valueType="anytrekTimerangePickValueType"`
-  `v-model:startTime="anytrekTimerangePickStartTime"`
-  `v-model:endTime="anytrekTimerangePickEndTime"`
-  `v-model:timeZone="timeZone"`
-  `:showQuick="true"`
-  `:immediate="true"`
-`/>`
-`const anytrekTimerangePickVisible = ref<boolean>(false);`
-`const anytrekTimerangePickValue = ref<'custom' | '' | number>('custom');`
-`const anytrekTimerangePickValueType = ref<string>('week');`
-`const anytrekTimerangePickStartTime = ref<string>('');`
-`const anytrekTimerangePickEndTime = ref<string>('');`
-`const timeZone = ref<string>('');`
+`<anytrekTimerangePick`<br>
+  `v-model:visible="anytrekTimerangePickVisible"`<br>
+  `v-model:value="anytrekTimerangePickValue"`<br>
+  `v-model:valueType="anytrekTimerangePickValueType"`<br>
+  `v-model:startTime="anytrekTimerangePickStartTime"`<br>
+  `v-model:endTime="anytrekTimerangePickEndTime"`<br>
+  `v-model:timeZone="timeZone"`<br>
+  `:showQuick="true"`<br>
+  `:immediate="true"`<br>
+  `@change="rangeChange"`<br>
+`/>`<br>
+`const anytrekTimerangePickVisible = ref<boolean>(false);`<br>
+`const anytrekTimerangePickValue = ref<'custom' | '' | number>('custom');`<br>
+`const anytrekTimerangePickValueType = ref<string>('week');`<br>
+`const anytrekTimerangePickStartTime = ref<string>('');`<br>
+`const anytrekTimerangePickEndTime = ref<string>('');`<br>
+`const timeZone = ref<string>('');`<br>
+`function rangeChange(startTime: string, endTime: string, tz: string) {`<br>
+  `console.log(startTime, endTime, tz);`<br>
+`}`<br>
 
 <table class=MsoTableGrid border=1 cellspacing=0 style="border-collapse:collapse;mso-table-layout-alt:fixed;border:none;
 mso-border-left-alt:0.5000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
@@ -1387,15 +1391,19 @@ mso-border-bottom-alt:0.5000pt solid windowtext;">
 # anytrekTimePick
 Select a time 
 
-`<anytrekTimePick`
-  `v-model:value="anytrekTimePickValue"`
-  `v-model:timeZone="anytrekTimePickTimeZone"`
-  `v-model:visible="anytrekTimePickVisible"`
-  `:immediate="true"`
-`/>`
-`const anytrekTimePickValue = ref<string>('2018-01-31T14:32:19.213Z');`
-`const anytrekTimePickTimeZone = ref<string>('');`
-`const anytrekTimePickVisible = ref<boolean>(false);`
+`<anytrekTimePick`<br>
+  `v-model:value="anytrekTimePickValue"`<br>
+  `v-model:timeZone="anytrekTimePickTimeZone"`<br>
+  `v-model:visible="anytrekTimePickVisible"`<br>
+  `:immediate="true"`<br>
+  `@change="timeChange"`<br>
+`/>`<br>
+`const anytrekTimePickValue = ref<string>('2018-01-31T14:32:19.213Z');`<br>
+`const anytrekTimePickTimeZone = ref<string>('');`<br>
+`const anytrekTimePickVisible = ref<boolean>(false);`<br>
+`function timeChange(time: string, tz: string) {`<br>
+  `console.log(time, tz);`<br>
+`}`<br>
 
 <table class=MsoTableGrid border=1 cellspacing=0 style="border-collapse:collapse;mso-table-layout-alt:fixed;border:none;
 mso-border-left-alt:0.5000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anytrek-front-public-component",
-  "version": "1.2.2",
+  "version": "1.2.5",
   "description": "some common component",
   "main": "anytrek-front-public-component.mjs",
   "scripts": {