gluons / vue-thailand-address

🇹🇭 Thai address input for Vue.

🇹🇭 Vue Thailand Address

ตัวช่วยกรอกที่อยู่ของไทย สำหรับ Vue (ปราศจาก jQuery 🎉)

🔥 ต้นกำเนิด

มาจาก jquery.Thailand.js ของ @earthchie

⚙️ การติดตั้ง

ด้วย NPM:

npm install vue-thailand-address

ด้วย Yarn:

yarn add vue-thailand-address

🛂 วิธีใช้

สามารถอ่านได้ที่ https://vue-thailand-address.netlify.com

📝 แผน

ดูได้ที่ https://github.com/gluons/vue-thailand-address/projects

vue-thailand-address's Issues

สามารถเปลี่ยน type input ของ zip code ได้มั้ยคะ

พอดีอยากจะให้ zip code เป็น
หรือไม่ก็ ค่ะ เวลาใช้ mobile จะได้เปิดเป็น number pad น่ะค่ะ

ตอนนี้ใส่ attribute type="number" ตรง component เลยค่ะ แต่ทำไม่ได้
พอจะมีิวิธีไหนทำได้บ้างมั้ยคะ รบกวนด้วยค่ะ

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Repository problems

These problems occurred while renovating this repository. View logs.

• WARN: Using npm packages for Renovate presets is now deprecated. Please migrate to repository-based presets instead.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• ⬆️ Update dependency cp-file to v11
• ⬆️ Update dependency node-sass to v9
• ⬆️ Update dependency sass-loader to v14
• ⬆️ Update dependency typescript to v5
• ⬆️ Update dependency vue to v3
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• ⬆️ Update actions/checkout action to v4
• ⬆️ Update actions/setup-node action to v4
• ⬆️ Update dependency @types/copy-webpack-plugin to v10
• ⬆️ Update dependency @types/node to v20
• ⬆️ Update dependency @types/webpack-node-externals to v3
• ⬆️ Update dependency @vue/test-utils to v2
• ⬆️ Update dependency chalk to v5
• ⬆️ Update dependency leven to v4
• ⬆️ Update dependency ts-node to v10
• ⬆️ Update jest monorepo to v29 (major) (@types/jest, jest, ts-jest)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/ci.yaml

• actions/checkout v2
• actions/setup-node v2

npm

package.json

• leven ^3.1.0
• lodash.pick ^4.4.0
• @babel/core ^7.14.6
• @gluons/vue-pack ^1.20.3
• @gluons/vue-pack-banner-plugin ^1.20.3
• @gluons/vue-pack-cli ^1.20.3
• @gluons/vue-pack-copy-plugin ^1.20.3
• @gluons/vue-pack-splitchunks-plugin ^1.20.3
• @types/copy-webpack-plugin ^6.3.0
• @types/jest ^26.0.23
• @types/lodash.pick ^4.4.6
• @types/node 14
• @types/webpack-node-externals ^2.5.2
• @vue/test-utils ^1.2.1
• babel-core ^7.0.0-bridge.0
• chalk ^4.1.1
• cp-file ^9.1.0
• jest ^26.6.3
• ts-jest ^26.4.4
• ts-node ^9.0.0
• tslint ^6.1.3
• tslint-config-gluons ^2.2.0
• typescript ^4.3.5
• vue ^2.6.14
• vue-class-component ^7.2.6
• vue-jest ^3.0.7
• vue-property-decorator ^9.1.2
• vue-template-compiler ^2.6.14
• vue >=2.4.0
• node-sass 6
• sass-loader 10

---

• Check this box to trigger a request for Renovate to run again on this repository

Is it possible to create datastore automatically?

Dear Mr,

Vue-thailand-address is very awesome.
But I have a case that I need to use it in a multiple set of input. (Click Add more..for example)

I would like to know how to make datastore auto created in each time we click add more button.

Appreciate your advise.
Thanks.

ใส่เครื่องหมาย [ แล้วสคริปพังทันที

/^[/: Unterminated character class

ทำให้ component เป็นอิสระต่อกัน

ทำให้ component เป็นอิสระต่อกัน ไม่ต้องถูกครอบด้วย <address-form>

/CC @dogrocker

สามารถ เพิ่มคำสั่ง @change @keyup @click ใน component ได้มั้ยคะ

<addressinput-subdistrict v-model="subdistrict" @keyup="onKeyUpEvent()"/>

logo for vue-tayland adresi

Hello ! I designed a logo for you. I designed it voluntarily. I can give you gift if you like it.

Default export of the module has or is using private name 'VueConstructor'

ไม่สามารถ build ผ่านได้เมื่อ upgrade เป็น Vue 2.5
พบกับ error

Default export of the module has or is using private name 'VueConstructor'

เป็นปัญหาที่เกิดจาก compilerOptions -> declaration: true ใน tsconfig.json

ใน forum: https://forum.vuejs.org/t/default-export-of-the-module-has-or-is-using-private-name-vueconstructor/19624

Repo ที่ใช้ repro ปัญหานี้: gluons/vue-typescript-export-issue

รายงานปัญหาแล้วที่ vuejs/vue#6999

vue_thailand_address__WEBPACK_IMPORTED_MODULE_0__.DataStore is not a constructor

Could you please help this issue

This error happend when refresh the page.
I am using nuxt.js and code like below

import { DataStore } from 'vue-thailand-address';
export default {
data(){
return{
store1: new DataStore(), //
store2: new DataStore(), //
}
}
}

Thanks!

Can't use in Vue3

Can't use in Vue3

1. error Object(...) is not a function

Component แต่ละอันมีข้อความเหมือนกัน

เมื่อใช้ component address-form หลายๆอัน เมื่อเลือกข้อมูลใน component หนึ่ง ข้อมูลจะไปปรากฏใน component อื่นด้วย

สาเหตุ: Vuex?

Import ปุ๊บก็ error ปั๊บเลยครับ

https://cln.sh/WYoj5o

ตามรูปเลยครับผม

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.