commit b61a293d8d046a5766658bb85a9acd281ffd68f9 Author: ivo Date: Thu Jul 7 11:36:03 2022 +0800 init diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..0cf9e25 --- /dev/null +++ b/.gitignore @@ -0,0 +1,12 @@ +node_modules +.DS_Store +dist +*.local +.idea +.history +.vscode +.husky/ +dist.zip +*.zip +build +package-lock.json \ No newline at end of file diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json new file mode 100644 index 0000000..81f13f4 --- /dev/null +++ b/.hbuilderx/launch.json @@ -0,0 +1,16 @@ +{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/ + // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数 + "version": "0.0", + "configurations": [{ + "default" : + { + "launchtype" : "local" + }, + "mp-weixin" : + { + "launchtype" : "local" + }, + "type" : "uniCloud" + } + ] +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..fb81ddc --- /dev/null +++ b/index.html @@ -0,0 +1,20 @@ + + + + + + + + + + +
+ + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..e23de20 --- /dev/null +++ b/package.json @@ -0,0 +1,96 @@ +{ + "name": "uni-preset-vue", + "version": "0.0.0", + "scripts": { + "dev:app": "uni -p app", + "dev:custom": "uni -p", + "dev:h5": "uni", + "dev:h5:ssr": "uni --ssr", + "dev:mp-alipay": "uni -p mp-alipay", + "dev:mp-baidu": "uni -p mp-baidu", + "dev:mp-kuaishou": "uni -p mp-kuaishou", + "dev:mp-lark": "uni -p mp-lark", + "dev:mp-qq": "uni -p mp-qq", + "dev:mp-toutiao": "uni -p mp-toutiao", + "dev:mp-weixin": "uni -p mp-weixin", + "dev:quickapp-webview": "uni -p quickapp-webview", + "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei", + "dev:quickapp-webview-union": "uni -p quickapp-webview-union", + "build:app": "uni build -p app", + "build:custom": "uni build -p", + "build:h5": "uni build", + "build:h5:ssr": "uni build --ssr", + "build:mp-alipay": "uni build -p mp-alipay", + "build:mp-baidu": "uni build -p mp-baidu", + "build:mp-kuaishou": "uni build -p mp-kuaishou", + "build:mp-lark": "uni build -p mp-lark", + "build:mp-qq": "uni build -p mp-qq", + "build:mp-toutiao": "uni build -p mp-toutiao", + "build:mp-weixin": "uni build -p mp-weixin", + "build:quickapp-webview": "uni build -p quickapp-webview", + "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei", + "build:quickapp-webview-union": "uni build -p quickapp-webview-union" + }, + "dependencies": { + "@dcloudio/uni-app": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-app-plus": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-components": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-h5": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-mp-alipay": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-mp-baidu": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-mp-lark": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-mp-qq": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-mp-weixin": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3040720220422002", + "vue": "^3.2.33", + "vue-i18n": "^9.1.9", + "vuex": "^4.0.2", + "@vueuse/head": "^0.6.0", + "ahooks-vue": "^0.11.2", + "amfe-flexible": "^2.2.1", + "axios": "^0.21.4", + "crypto-js": "^4.1.1", + "easy-player": "^2.2.7", + "html2canvas": "^1.0.0", + "install": "^0.13.0", + "nprogress": "^0.2.0", + "pdfjs-dist": "^2.5.207", + "qrcode": "^1.4.4", + "sass": "^1.35.1", + "vconsole": "^3.11.0", + "video.js": "^7.18.1", + "vivus": "^0.4.6", + "vue-pdf": "^4.3.0", + "vue-router": "^4.0.6", + "vue-video-player": "^5.0.2", + "vue3-clipboard": "^1.0.0", + "vue3-video-play": "^1.3.1-beta.6" + }, + "devDependencies": { + "@dcloudio/types": "^2.5.17", + "@dcloudio/uni-automator": "3.0.0-alpha-3040720220422002", + "@dcloudio/uni-cli-shared": "3.0.0-alpha-3040720220422002", + "@dcloudio/vite-plugin-uni": "3.0.0-alpha-3040720220422002", + "autoprefixer": "^10.4.2", + "vite": "^2.9.5", + "@commitlint/cli": "^12.1.4", + "@commitlint/config-conventional": "^12.1.4", + "@vitejs/plugin-vue": "^1.2.4", + "@vitejs/plugin-vue-jsx": "^1.1.6", + "@vue/compiler-sfc": "^3.1.4", + "eslint-config-airbnb-base": "^14.2.1", + "eslint-plugin-import": "^2.23.4", + "eslint-plugin-vue": "^7.12.1", + "husky": "^6.0.0", + "less": "^4.1.1", + "lint-staged": "^11.0.0", + "postcss-pxtorem": "^6.0.0", + "stylelint": "^13.13.1", + "stylelint-config-standard": "^22.0.0", + "svg-sprite-loader": "^6.0.11", + "vite-plugin-compression": "^0.2.5", + "vite-plugin-style-import": "^1.0.1" + } +} diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..20ab1ab --- /dev/null +++ b/src/App.vue @@ -0,0 +1,18 @@ + + + diff --git a/src/api/app.js b/src/api/app.js new file mode 100644 index 0000000..b06c940 --- /dev/null +++ b/src/api/app.js @@ -0,0 +1,62 @@ +import request from '@/utils/request'; + +// 系统字典 +export async function comboboxlist(data) { + return request({ + path: '/system/combobox/data/list', + data, + type: 'get', + }); +} + +// 区域 +export async function region(data) { + return request({ + path: '/system/administrative/region', + data, + type: 'get', + }); +} + +// 区域 +export async function industrylist(data) { + return request({ + path: '/system/combobox/enterprise/industry/list', + data, + type: 'get', + }); +} + +export async function industrytype(data) { + return request({ + path: '/system/combobox/enterprise/industry/type', + data, + type: 'get', + }); +} + +export async function courselist(data) { + return request({ + path: '/system/combobox/course/list', + data, + type: 'get', + }); +} + +export async function accountlist(data) { + return request({ + path: '/permissions/account/list', + data, + type: 'get', + }); +} + +// 上传 +export async function filesupload(data) { + return request({ + baseURL: `${import.meta.env.VITE_APP_WEB_API_URL}/ssp/v2/system/files/upload`, + path: '/system/files/upload', + data, + type: 'post', + }); +} diff --git a/src/api/certificate.js b/src/api/certificate.js new file mode 100644 index 0000000..5c28acd --- /dev/null +++ b/src/api/certificate.js @@ -0,0 +1,25 @@ +import request from '@/utils/request'; + +export async function credentialCourseList(data) { + return request({ + path: '/train/credential/course/list', + data, + type: 'get', + }); +} + +export async function credentialPersonQuery(data) { + return request({ + path: '/train/credential/person/query', + data, + type: 'get', + }); +} + +export async function credentialPersonCourseList(data) { + return request({ + path: '/train/credential/person/course/list', + data, + type: 'get', + }); +} \ No newline at end of file diff --git a/src/api/danger.js b/src/api/danger.js new file mode 100644 index 0000000..85d8df4 --- /dev/null +++ b/src/api/danger.js @@ -0,0 +1,210 @@ +import request from '@/utils/request'; + +// 系统字典 +export async function checkTablelist(data) { + return request({ + path: '/risk/risk/checkTable/list', + data, + type: 'get', + }); +} + +export async function checkTablequery(data) { + return request({ + path: '/risk/risk/checkTable/query', + data, + type: 'get', + }); +} + +export async function hiddenentlist(data) { + return request({ + path: '/risk/risk/hidden/ent/list', + data, + type: 'get', + }); +} + +export async function hiddenentquery(data) { + return request({ + path: '/risk/risk/hidden/ent/query', + data, + type: 'get', + }); +} + +export async function examinelist(data) { + return request({ + path: '/risk/risk/hidden/examine/list', + data, + type: 'get', + }); +} + +export async function examinequery(data) { + return request({ + path: '/risk/risk/hidden/examine/query', + data, + type: 'get', + }); +} + +export async function examinedelete(data) { + return request({ + path: '/risk/risk/hidden/examine/delete', + data, + type: 'post', + }); +} + +export async function correctivecheck(data) { + return request({ + path: '/risk/risk/hidden/corrective/check', + data, + type: 'post', + }); +} + +export async function correctivesubmit(data) { + return request({ + path: '/risk/risk/hidden/corrective/submit', + data, + type: 'post', + }); +} + +export async function examinecreate(data) { + return request({ + path: '/risk/risk/hidden/examine/create', + data, + type: 'post', + }); +} + +export async function examineupdate(data) { + return request({ + path: '/risk/risk/hidden/examine/update', + data, + type: 'post', + }); +} + +export async function sheetlist(data) { + return request({ + path: '/risk/risk/task/sheet/list', + data, + type: 'get', + }); +} + +export async function sheetquery(data) { + return request({ + path: '/risk/risk/task/sheet/query', + data, + type: 'get', + }); +} + +export async function hiddentasklist(data) { + return request({ + path: '/risk/risk/hidden/task/list', + data, + type: 'get', + }); +} + +export async function hiddentaskdelete(data) { + return request({ + path: '/risk/risk/hidden/task/delete', + data, + type: 'post', + }); +} + +export async function sheetcheck(data) { + return request({ + path: '/risk/risk/task/sheet/check', + data, + type: 'post', + }); +} + +export async function sheetsubmit(data) { + return request({ + path: '/risk/risk/task/sheet/submit', + data, + type: 'post', + }); +} + +export async function sheetclose(data) { + return request({ + path: '/risk/risk/task/sheet/close', + data, + type: 'post', + }); +} + +export async function taskExamineCombobox(data) { + return request({ + path: '/risk/risk/task/examine/combobox', + data, + type: 'get', + }); +} + +export async function hiddenTaskBatch(data) { + return request({ + path: '/risk/risk/hidden/task/batch', + data, + type: 'post', + }); +} + +export async function hiddenTaskDelete(data) { + return request({ + path: '/risk/risk/hidden/task/delete', + data, + type: 'post', + }); +} + +export async function taskExamineQuery(data) { + return request({ + path: '/risk/risk/task/examine/query', + data, + type: 'get', + }); +} + +export async function taskExamineExist(data) { + return request({ + path: '/risk/risk/task/examine/exist', + data, + type: 'post', + }); +} + +export async function hiddenlibraryex(data) { + return request({ + path: '/risk/combobox/hidden/library/ex', + data, + type: 'get', + }); +} + +export async function taskPerson(data) { + return request({ + path: '/risk/risk/task/person', + data, + type: 'get', + }); +} + +export async function taskSheetUpdate(data) { + return request({ + path: '/risk/risk/task/sheet/update', + data, + type: 'post', + }); +} diff --git a/src/api/dicts.js b/src/api/dicts.js new file mode 100644 index 0000000..c6c18ea --- /dev/null +++ b/src/api/dicts.js @@ -0,0 +1,11 @@ +import request from '@/utils/request'; + +const agentBaseUrl = import.meta.env.VITE_APP_AGENT_API_URL; + +export function contactTypeList(data) { + return request({ + method: 'get', + url: `${agentBaseUrl}/contact_type_list`, + data, + }); +} diff --git a/src/api/gridding.js b/src/api/gridding.js new file mode 100644 index 0000000..b419218 --- /dev/null +++ b/src/api/gridding.js @@ -0,0 +1,9 @@ +import request from '@/utils/request'; + +// 获取网格树 +export async function griddingTree() { + return request({ + path: '/permissions/grid/management/tree', + type: 'get', + }); +} \ No newline at end of file diff --git a/src/api/index.js b/src/api/index.js new file mode 100644 index 0000000..15269db --- /dev/null +++ b/src/api/index.js @@ -0,0 +1,842 @@ +import request from '@/utils/request'; + +// 推文列表 +export async function appTweets(data) { + return request({ + path: '/system/tweets/list', + data, + type: 'get', + }); +} + +// 推文列表 +export async function appTweetsquery(data) { + return request({ + path: '/system/tweets/query', + data, + type: 'get', + }); +} + +// 获取企业列表 +export async function enterpriselist(data) { + return request({ + path: '/enterprise/enterprise/management/list', + data, + type: 'get', + }); +} + +// 企业移除 +export async function enterpriseRemove(data) { + return request({ + path: '/enterprise/enterprise/supervise/remove', + data, + type: 'post', + }); +} + +// 企业删除 +export async function enterpriseDelete(data) { + return request({ + path: '/enterprise/enterprise/management/delete', + data, + type: 'post', + }); +} + +// 企业认领 +export async function enterpriseBind(data) { + return request({ + path: '/enterprise/enterprise/supervise/bind', + data, + type: 'post', + }); +} + +// 企业信息 +export async function enterprisecreate(data) { + return request({ + path: '/enterprise/enterprise/management/create', + data, + type: 'post', + }); +} + +//根据区域编号查询网格数 +export async function griddingOptions(data) { + return request({ + path: '/enterprise/gridding/options', + type: 'get', + data + }) +} + +// 企业信息 +export async function enterprisequery(data) { + return request({ + path: '/enterprise/enterprise/management/query', + data, + type: 'get', + }); +} +export async function basequery(data) { + return request({ + path: '/enterprise/base/query', + data, + type: 'get', + }); +} + +// 企业安全 +export async function safetyhome(data) { + return request({ + path: '/enterprise/safety/home', + data, + type: 'get', + }); +} + +// 企业安全基础信息 +export async function safetyupdate(data) { + return request({ + path: '/enterprise/safety/update', + data, + type: 'post', + }); +} + +// 企业安全特性 +export async function featurehome(data) { + return request({ + path: '/enterprise/feature/home', + data, + type: 'get', + }); +} + +// 企业安全特性 +export async function regulatoryhome(data) { + return request({ + path: '/enterprise/regulatory/home', + data, + type: 'get', + }); +} + +// 服务机构 +export async function orglist(data) { + return request({ + path: '/system/combobox/service/org/list', + data, + type: 'get', + }); +} + +// 企业安全特性 +export async function baseupdate(data) { + return request({ + path: '/enterprise/base/update', + data, + type: 'post', + }); +} + +// 企业安全特性 +export async function safetyinputlist(data) { + return request({ + path: '/enterprise/safety/input/list', + data, + type: 'get', + }); +} + +// 企业安全特性 +export async function safetyinputdelete(data) { + return request({ + path: '/enterprise/safety/input/delete', + data, + type: 'post', + }); +} + +export async function safetydrilllist(data) { + return request({ + path: '/enterprise/safety/drill/list', + data, + type: 'get', + }); +} + +export async function safetydrilldelete(data) { + return request({ + path: '/enterprise/safety/drill/delete', + data, + type: 'post', + }); +} + +export async function safetyevaluationlist(data) { + return request({ + path: '/enterprise/safety/evaluation/list', + data, + type: 'get', + }); +} + +export async function safetyevaluationdelete(data) { + return request({ + path: '/enterprise/safety/evaluation/delete', + data, + type: 'post', + }); +} + +export async function safetyplanlist(data) { + return request({ + path: '/enterprise/safety/plan/list', + data, + type: 'get', + }); +} + +export async function safetyplandelete(data) { + return request({ + path: '/enterprise/safety/plan/delete', + data, + type: 'post', + }); +} + +export async function ammoniaquery(data) { + return request({ + path: '/enterprise/feature/enterprise/ammonia/query', + data, + type: 'get', + }); +} + +export async function ammoniaupdate(data) { + return request({ + path: '/enterprise/feature/enterprise/ammonia/update', + data, + type: 'post', + }); +} + +export async function metalquery(data) { + return request({ + path: '/enterprise/feature/enterprise/metal/query', + data, + type: 'get', + }); +} + +export async function metalupdate(data) { + return request({ + path: '/enterprise/feature/enterprise/metal/update', + data, + type: 'post', + }); +} + +export async function shipupdate(data) { + return request({ + path: '/enterprise/feature/enterprise/ship/update', + data, + type: 'post', + }); +} + +export async function shipquery(data) { + return request({ + path: '/enterprise/feature/enterprise/ship/query', + data, + type: 'get', + }); +} + +export async function facilityupdate(data) { + return request({ + path: '/enterprise/feature/facility/update', + data, + type: 'post', + }); +} + +export async function storagelist(data) { + return request({ + path: '/enterprise/feature/facility/storage/list', + data, + type: 'get', + }); +} + +export async function storagedelete(data) { + return request({ + path: '/enterprise/feature/facility/storage/delete', + data, + type: 'post', + }); +} + +export async function storagequery(data) { + return request({ + path: '/enterprise/feature/facility/storage/query', + data, + type: 'get', + }); +} + +export async function storageupdate(data) { + return request({ + path: '/enterprise/feature/facility/storage/update', + data, + type: 'post', + }); +} + +export async function storagecreate(data) { + return request({ + path: '/enterprise/feature/facility/storage/create', + data, + type: 'post', + }); +} + +export async function environmentallist(data) { + return request({ + path: '/enterprise/feature/facility/environmental/list', + data, + type: 'get', + }); +} + +export async function environmentalupdate(data) { + return request({ + path: '/enterprise/feature/facility/environmental/update', + data, + type: 'post', + }); +} + +export async function environmentalcreate(data) { + return request({ + path: '/enterprise/feature/facility/environmental/create', + data, + type: 'post', + }); +} + +export async function environmentalquery(data) { + return request({ + path: '/enterprise/feature/facility/environmental/query', + data, + type: 'get', + }); +} + +export async function environmentaldelete(data) { + return request({ + path: '/enterprise/feature/facility/environmental/delete', + data, + type: 'post', + }); +} + +export async function buildlist(data) { + return request({ + path: '/enterprise/feature/facility/build/list', + data, + type: 'get', + }); +} + +export async function buildupdate(data) { + return request({ + path: '/enterprise/feature/facility/build/update', + data, + type: 'post', + }); +} + +export async function buildcreate(data) { + return request({ + path: '/enterprise/feature/facility/build/create', + data, + type: 'post', + }); +} + +export async function buildquery(data) { + return request({ + path: '/enterprise/feature/facility/build/query', + data, + type: 'get', + }); +} + +export async function builddelete(data) { + return request({ + path: '/enterprise/feature/facility/build/delete', + data, + type: 'post', + }); +} +export async function featureother(data) { + return request({ + path: '/enterprise/feature/other/query', + data, + type: 'get', + }); +} +export async function featureotherupdate(data) { + return request({ + path: '/enterprise/feature/other/update', + data, + type: 'post', + }); +} + +export async function personallist(data) { + return request({ + path: '/enterprise/personal/list', + data, + type: 'get', + }); +} +export async function personalquery(data) { + return request({ + path: '/enterprise/personal/query', + data, + type: 'get', + }); +} +export async function personaldelete(data) { + return request({ + path: '/enterprise/personal/delete', + data, + type: 'post', + }); +} +export async function personalupdate(data) { + return request({ + path: '/enterprise/personal/update', + data, + type: 'post', + }); +} +export async function personalcreate(data) { + return request({ + path: '/enterprise/personal/create', + data, + type: 'post', + }); +} + +// 周边环境 +export async function surroundingslist(data) { + return request({ + path: '/enterprise/surroundings/list', + data, + type: 'get', + }); +} +export async function surroundingsquery(data) { + return request({ + path: '/enterprise/surroundings/query', + data, + type: 'get', + }); +} +export async function surroundingsdelete(data) { + return request({ + path: '/enterprise/surroundings/delete', + data, + type: 'post', + }); +} +export async function surroundingsupdate(data) { + return request({ + path: '/enterprise/surroundings/update', + data, + type: 'post', + }); +} +export async function surroundingscreate(data) { + return request({ + path: '/enterprise/surroundings/create', + data, + type: 'post', + }); +} + +// 应用物资 +export async function supplieslist(data) { + return request({ + path: '/enterprise/supplies/list', + data, + type: 'get', + }); +} +export async function suppliesquery(data) { + return request({ + path: '/enterprise/supplies/query', + data, + type: 'get', + }); +} +export async function suppliesdelete(data) { + return request({ + path: '/enterprise/supplies/delete', + data, + type: 'post', + }); +} +export async function suppliesupdate(data) { + return request({ + path: '/enterprise/supplies/update', + data, + type: 'post', + }); +} +export async function suppliescreate(data) { + return request({ + path: '/enterprise/supplies/create', + data, + type: 'post', + }); +} + +// 设备 +export async function equipmenthome(data) { + return request({ + path: '/enterprise/equipment/hone', + data, + type: 'get', + }); +} +export async function equipmentlist(data) { + return request({ + path: '/enterprise/equipment/list', + data, + type: 'get', + }); +} +export async function equipmentquery(data) { + return request({ + path: '/enterprise/equipment/query', + data, + type: 'get', + }); +} +export async function equipmentdelete(data) { + return request({ + path: '/enterprise/equipment/delete', + data, + type: 'post', + }); +} +export async function equipmentupdate(data) { + return request({ + path: '/enterprise/equipment/update', + data, + type: 'post', + }); +} +export async function equipmentcreate(data) { + return request({ + path: '/enterprise/equipment/create', + data, + type: 'post', + }); +} + +// 营业执照 +export async function businessquery(data) { + return request({ + path: '/enterprise/business/query', + data, + type: 'get', + }); +} +export async function businessupdate(data) { + return request({ + path: '/enterprise/business/update', + data, + type: 'post', + }); +} + +// 危化品 +export async function chemicalslist(data) { + return request({ + path: '/enterprise/feature/chemicals/list', + data, + type: 'get', + }); +} +export async function chemicalsquery(data) { + return request({ + path: '/enterprise/feature/chemicals/query', + data, + type: 'get', + }); +} +export async function chemicalscreate(data) { + return request({ + path: '/enterprise/feature/chemicals/create', + data, + type: 'post', + }); +} +export async function chemicalsupdate(data) { + return request({ + path: '/enterprise/feature/chemicals/update', + data, + type: 'post', + }); +} +export async function chemicalsdelete(data) { + return request({ + path: '/enterprise/feature/chemicals/delete', + data, + type: 'post', + }); +} +export async function libraryquery(data) { + return request({ + path: '/system/combobox/chemicals/library', + data, + type: 'get', + }); +} +export async function placelabelquery(data) { + return request({ + path: '/enterprise/feature/place/label/query', + data, + type: 'get', + }); +} +export async function placelabelupdate(data) { + return request({ + path: '/enterprise/feature/place/label/update', + data, + type: 'post', + }); +} +export async function placelabellist(data) { + return request({ + path: '/enterprise/feature/place/list', + data, + type: 'get', + }); +} +export async function placequery(data) { + return request({ + path: '/enterprise/feature/place/query', + data, + type: 'get', + }); +} +export async function placedelete(data) { + return request({ + path: '/enterprise/feature/place/delete', + data, + type: 'post', + }); +} +export async function placecreate(data) { + return request({ + path: '/enterprise/feature/place/create', + data, + type: 'post', + }); +} +export async function placeupdate(data) { + return request({ + path: '/enterprise/feature/place/update', + data, + type: 'post', + }); +} +// 锂电池 +export async function lithiumquery(data) { + return request({ + path: '/enterprise/feature/lithium/query', + data, + type: 'get', + }); +} +export async function lithiumlist(data) { + return request({ + path: '/enterprise/feature/lithium/list', + data, + type: 'get', + }); +} +export async function lithiumcreate(data) { + return request({ + path: '/enterprise/feature/lithium/create', + data, + type: 'post', + }); +} +export async function lithiumdelete(data) { + return request({ + path: '/enterprise/feature/lithium/delete', + data, + type: 'post', + }); +} +export async function lithiumupdate(data) { + return request({ + path: '/enterprise/feature/lithium/update', + data, + type: 'post', + }); +} + +// 安全监管 +export async function regulatoryquery(data) { + return request({ + path: '/enterprise/regulatory/query', + data, + type: 'get', + }); +} +export async function regulatoryupdate(data) { + return request({ + path: '/enterprise/regulatory/update', + data, + type: 'post', + }); +} +export async function accidentquery(data) { + return request({ + path: '/enterprise/regulatory/accident/query', + data, + type: 'get', + }); +} +export async function accidentlist(data) { + return request({ + path: '/enterprise/regulatory/accident/list', + data, + type: 'get', + }); +} +export async function eventquery(data) { + return request({ + path: '/enterprise/regulatory/event/query', + data, + type: 'get', + }); +} +export async function eventlist(data) { + return request({ + path: '/enterprise/regulatory/event/list', + data, + type: 'get', + }); +} +export async function checkquery(data) { + return request({ + path: '/enterprise/regulatory/check/query', + data, + type: 'get', + }); +} +export async function checklist(data) { + return request({ + path: '/enterprise/regulatory/check/list', + data, + type: 'get', + }); +} +export async function entSafetyInputCreate(data) { + return request({ + path: '/enterprise/safety/input/create', + data, + type: 'post', + }); +} +export async function entSafetyPlanCreate(data) { + return request({ + path: '/enterprise/safety/plan/create', + data, + type: 'post', + }); +} +export async function entSafetyEvaluationCreate(data) { + return request({ + path: '/enterprise/safety/evaluation/create', + data, + type: 'post', + }); +} +export async function entSafetyDrillCreate(data) { + return request({ + path: '/enterprise/safety/drill/create', + data, + type: 'post', + }); +} +export async function entSafetyTeachList(data) { + return request({ + path: '/enterprise/safety/teach/list', + data, + type: 'get', + }); +} +export async function entSafetyTeachDelete(data) { + return request({ + path: '/enterprise/safety/teach/delete', + data, + type: 'post', + }); +} +export async function entSafetyTeachCreate(data) { + return request({ + path: '/enterprise/safety/teach/create', + data, + type: 'post', + }); +} +export async function entSafetyTrainList(data) { + return request({ + path: '/enterprise/safety/train/list', + data, + type: 'get', + }); +} +export async function entSafetyTrainDelete(data) { + return request({ + path: '/enterprise/safety/train/delete', + data, + type: 'post', + }); +} +export async function entSafetyTrainCreate(data) { + return request({ + path: '/enterprise/safety/train/create', + data, + type: 'post', + }); +} +export async function riskSelfCheckCreate(data) { + return request({ + path: '/risk/risk/self/check/create', + data, + type: 'post', + }); +} + +//根据企业名称获取营业执照 +export async function checkEnterprise(data) { + return request({ + path: '/enterprise/check/enterprise', + type: 'get', + data + }) +} diff --git a/src/api/injury.js b/src/api/injury.js new file mode 100644 index 0000000..8f7ece8 --- /dev/null +++ b/src/api/injury.js @@ -0,0 +1,115 @@ +import request from '@/utils/request'; + +// 工伤企业列表 +export async function injuryenterpriselist(data) { + return request({ + path: '/injury/enterprise/list', + data, + type: 'get', + }); +} +export async function injuryenterprisequery(data) { + return request({ + path: '/injury/enterprise/query', + data, + type: 'get', + }); +} +export async function injuryHospitalList(data) { + return request({ + path: '/injury/hospital/list', + data, + type: 'get', + }); +} +export async function injuryEnterpriseEarlyWarningChange(data) { + return request({ + path: '/injury/enterprise/early/warning/change', + data, + type: 'post', + }); +} +export async function declarationlist(data) { + return request({ + path: '/injury/declaration/list', + data, + type: 'get', + }); +} +export async function declarationstatistics(data) { + return request({ + path: '/injury/declaration/statistics', + data, + type: 'get', + }); +} +export async function declarationquery(data) { + return request({ + path: '/injury/declaration/query', + data, + type: 'get', + }); +} +export async function declarationUpdate(data) { + return request({ + path: '/injury/declaration/update', + data, + type: 'post', + }); +} +export async function declarationCreate(data) { + return request({ + path: '/injury/declaration/create', + data, + type: 'post', + }); +} +export async function notificationlist(data) { + return request({ + path: '/injury/notification/list', + data, + type: 'get', + }); +} +export async function notificationstatistics(data) { + return request({ + path: '/injury/notification/statistics', + data, + type: 'get', + }); +} +export async function notificationquery(data) { + return request({ + path: '/injury/notification/query', + data, + type: 'get', + }); +} +export async function notificationcorrective(data) { + return request({ + path: '/injury/notification/corrective', + data, + type: 'post', + }); +} +export async function notificationsubmit(data) { + return request({ + path: '/injury/notification/submit', + data, + type: 'post', + }); +} +export async function notificationcheck(data) { + return request({ + path: '/injury/notification/check', + data, + type: 'post', + }); +} +export async function revocationapply(data) { + return request({ + path: '/injury/declaration/revocation/apply', + data, + type: 'post', + }); +} diff --git a/src/api/iot.js b/src/api/iot.js new file mode 100644 index 0000000..3ad8b0a --- /dev/null +++ b/src/api/iot.js @@ -0,0 +1,37 @@ +import request from '@/utils/request'; + +export async function devicelist(data) { + return request({ + path: '/iot/device/list', + data, + type: 'get', + }); +} +export async function deviceunbind(data) { + return request({ + path: '/iot/device/unbind', + data, + type: 'post', + }); +} +export async function alarmlist(data) { + return request({ + path: '/iot/device/alarm/list', + data, + type: 'get', + }); +} +export async function hikcamera(data) { + return request({ + path: '/iot/hik/cameras', + data, + type: 'get', + }); +} +export async function refugedetail(data) { + return request({ + path: '/emergency/refuge/detail', + data, + type: 'get', + }); +} diff --git a/src/api/knowledge.js b/src/api/knowledge.js new file mode 100644 index 0000000..f6d21b0 --- /dev/null +++ b/src/api/knowledge.js @@ -0,0 +1,42 @@ +import request from '@/utils/request'; + +// 推文列表 +export async function lawlist(data) { + return request({ + path: '/knowledge/law/list', + data, + type: 'get', + }); +} + +export async function hiddenlist(data) { + return request({ + path: '/knowledge/hidden/type/list', + data, + type: 'get', + }); +} + +export async function librarylist(data) { + return request({ + path: '/knowledge/hidden/libaray/list', + data, + type: 'get', + }); +} + +export async function libraryquery(data) { + return request({ + path: '/knowledge/hidden/libaray/query', + data, + type: 'get', + }); +} + +export async function chemicaleslist(data) { + return request({ + path: '/knowledge/chemical/list', + data, + type: 'get', + }); +} diff --git a/src/api/question.js b/src/api/question.js new file mode 100644 index 0000000..e9e4c25 --- /dev/null +++ b/src/api/question.js @@ -0,0 +1,33 @@ +import request from '@/utils/request'; + +export async function answerquery(data) { + return request({ + path: '/knowledge/answer/today/query', + data, + type: 'get', + }); +} + +export async function getquestion(data) { + return request({ + path: '/knowledge/answer/get/question', + data, + type: 'get', + }); +} + +export async function submitquestion(data) { + return request({ + path: '/knowledge/answer/submit/answer', + data, + type: 'post', + }); +} + +export async function getdate(data) { + return request({ + path: '/knowledge/answer/get/date', + data, + type: 'get', + }); +} diff --git a/src/api/user.js b/src/api/user.js new file mode 100644 index 0000000..f77c3cc --- /dev/null +++ b/src/api/user.js @@ -0,0 +1,19 @@ +import request from '@/utils/request'; + +// 账号登录 +export async function login(data) { + return request({ + path: '/permissions/login', + data, + type: 'post', + }); +} + +// 账号登录 +export async function switchaccount(data) { + return request({ + path: '/permissions/switch/account', + data, + type: 'post', + }); +} diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..0f3a925 --- /dev/null +++ b/src/main.js @@ -0,0 +1,10 @@ +import { + createSSRApp +} from "vue"; +import App from "./App.vue"; +export function createApp() { + const app = createSSRApp(App); + return { + app, + }; +} diff --git a/src/manifest.json b/src/manifest.json new file mode 100644 index 0000000..1091fe5 --- /dev/null +++ b/src/manifest.json @@ -0,0 +1,72 @@ +{ + "name" : "", + "appid" : "", + "description" : "", + "versionName" : "1.0.0", + "versionCode" : "100", + "transformPx" : false, + /* 5+App特有相关 */ + "app-plus" : { + "usingComponents" : true, + "nvueStyleCompiler" : "uni-app", + "compilerVersion" : 3, + "splashscreen" : { + "alwaysShowBeforeRender" : true, + "waiting" : true, + "autoclose" : true, + "delay" : 0 + }, + /* 模块配置 */ + "modules" : {}, + /* 应用发布信息 */ + "distribute" : { + /* android打包配置 */ + "android" : { + "permissions" : [ + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "" + ] + }, + /* ios打包配置 */ + "ios" : {}, + /* SDK配置 */ + "sdkConfigs" : {} + } + }, + /* 快应用特有相关 */ + "quickapp" : {}, + /* 小程序特有相关 */ + "mp-weixin" : { + "appid" : "wx7b5a3c884f21e6ae", + "setting" : { + "urlCheck" : false + }, + "usingComponents" : true + }, + "mp-alipay" : { + "usingComponents" : true + }, + "mp-baidu" : { + "usingComponents" : true + }, + "mp-toutiao" : { + "usingComponents" : true + }, + "uniStatistics" : { + "enable" : false + }, + "vueVersion" : "3" +} diff --git a/src/pages.json b/src/pages.json new file mode 100644 index 0000000..b0457f5 --- /dev/null +++ b/src/pages.json @@ -0,0 +1,56 @@ +{ + "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages + { + "path": "pages/index/index", + "style": { + "navigationBarTitleText": "uni-app" + } + } + ], + "globalStyle": { + "navigationBarTextStyle": "black", + "navigationBarTitleText": "uni-app", + "navigationBarBackgroundColor": "#F8F8F8", + "backgroundColor": "#F8F8F8", + "usingComponents": { + "van-button": "wxcomponents/weapp/button/index", + "van-field": "wxcomponents/weapp/field/index", + "van-switch": "wxcomponents/weapp/switch/index", + "van-search": "wxcomponents/weapp/search/index", + "van-cell-group": "wxcomponents/weapp/cell-group/index", + "van-cell": "wxcomponents/weapp/cell/index", + "van-radio": "wxcomponents/weapp/radio/index", + "van-radio-group": "wxcomponents/weapp/radio-group/index", + "van-checkbox": "wxcomponents/weapp/checkbox/index", + "van-checkbox-group": "wxcomponents/weapp/checkbox-group/index", + "van-picker": "wxcomponents/weapp/picker/index", + "van-popup": "wxcomponents/weapp/popup/index", + "van-grid": "wxcomponents/weapp/grid/index", + "van-grid-item": "wxcomponents/weapp/grid-item/index", + "van-row": "wxcomponents/weapp/row/index", + "van-col": "wxcomponents/weapp/col/index", + "van-count-down": "wxcomponents/weapp/count-down/index", + "van-icon": "wxcomponents/weapp/icon/index", + "van-tab": "wxcomponents/weapp/tab/index", + "van-tabs": "wxcomponents/weapp/tabs/index", + "van-divider": "wxcomponents/weapp/divider/index", + "van-dialog": "wxcomponents/weapp/dialog/index", + "van-toast": "wxcomponents/weapp/toast/index", + "van-stepper": "wxcomponents/weapp/stepper/index", + "van-slider": "wxcomponents/weapp/slider/index", + "van-tag": "wxcomponents/weapp/tag/index", + "van-loading": "wxcomponents/weapp/loading/index", + "van-overlay": "wxcomponents/weapp/overlay/index", + "van-collapse": "wxcomponents/weapp/collapse/index", + "van-collapse-item": "wxcomponents/weapp/collapse-item/index", + "van-dropdown-item": "wxcomponents/weapp/dropdown-item/index", + "van-dropdown-menu": "wxcomponents/weapp/dropdown-menu/index", + "van-empty": "wxcomponents/weapp/empty/index", + "van-notice-bar": "wxcomponents/weapp/notice-bar/index", + "van-image": "wxcomponents/weapp/image/index", + "van-datetime-picker": "wxcomponents/weapp/datetime-picker/index", + "van-uploader": "wxcomponents/weapp/uploader/index" + } + }, + "uniIdRouter": {} +} diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue new file mode 100644 index 0000000..c6ddbd4 --- /dev/null +++ b/src/pages/index/index.vue @@ -0,0 +1,136 @@ + + + + + diff --git a/src/static/battery.png b/src/static/battery.png new file mode 100644 index 0000000..e1256b7 Binary files /dev/null and b/src/static/battery.png differ diff --git a/src/static/bg-3x.png b/src/static/bg-3x.png new file mode 100644 index 0000000..b707f61 Binary files /dev/null and b/src/static/bg-3x.png differ diff --git a/src/static/calendar.png b/src/static/calendar.png new file mode 100644 index 0000000..c49cfdf Binary files /dev/null and b/src/static/calendar.png differ diff --git a/src/static/danger.png b/src/static/danger.png new file mode 100644 index 0000000..a095dda Binary files /dev/null and b/src/static/danger.png differ diff --git a/src/static/date.png b/src/static/date.png new file mode 100644 index 0000000..86ab3bb Binary files /dev/null and b/src/static/date.png differ diff --git a/src/static/device/broadcast.png b/src/static/device/broadcast.png new file mode 100644 index 0000000..78559f4 Binary files /dev/null and b/src/static/device/broadcast.png differ diff --git a/src/static/device/cd.png b/src/static/device/cd.png new file mode 100644 index 0000000..54f25e3 Binary files /dev/null and b/src/static/device/cd.png differ diff --git a/src/static/device/fire.png b/src/static/device/fire.png new file mode 100644 index 0000000..17537ec Binary files /dev/null and b/src/static/device/fire.png differ diff --git a/src/static/device/gaota.png b/src/static/device/gaota.png new file mode 100644 index 0000000..3c7e7b8 Binary files /dev/null and b/src/static/device/gaota.png differ diff --git a/src/static/device/loading.png b/src/static/device/loading.png new file mode 100644 index 0000000..4a6dd6d Binary files /dev/null and b/src/static/device/loading.png differ diff --git a/src/static/device/more.png b/src/static/device/more.png new file mode 100644 index 0000000..e8723e5 Binary files /dev/null and b/src/static/device/more.png differ diff --git a/src/static/device/more1.png b/src/static/device/more1.png new file mode 100644 index 0000000..47c5b91 Binary files /dev/null and b/src/static/device/more1.png differ diff --git a/src/static/device/one.png b/src/static/device/one.png new file mode 100644 index 0000000..fd8981c Binary files /dev/null and b/src/static/device/one.png differ diff --git a/src/static/device/run.png b/src/static/device/run.png new file mode 100644 index 0000000..1b7a9a4 Binary files /dev/null and b/src/static/device/run.png differ diff --git a/src/static/device/smoke.png b/src/static/device/smoke.png new file mode 100644 index 0000000..8ae6fa9 Binary files /dev/null and b/src/static/device/smoke.png differ diff --git a/src/static/device/wind.png b/src/static/device/wind.png new file mode 100644 index 0000000..c77a55e Binary files /dev/null and b/src/static/device/wind.png differ diff --git a/src/static/doc.png b/src/static/doc.png new file mode 100644 index 0000000..2a0d222 Binary files /dev/null and b/src/static/doc.png differ diff --git a/src/static/file.png b/src/static/file.png new file mode 100644 index 0000000..d52c789 Binary files /dev/null and b/src/static/file.png differ diff --git a/src/static/gas.png b/src/static/gas.png new file mode 100644 index 0000000..85a63ae Binary files /dev/null and b/src/static/gas.png differ diff --git a/src/static/hiddenType.png b/src/static/hiddenType.png new file mode 100644 index 0000000..f27e00d Binary files /dev/null and b/src/static/hiddenType.png differ diff --git a/src/static/index/b.png b/src/static/index/b.png new file mode 100644 index 0000000..89cdd8c Binary files /dev/null and b/src/static/index/b.png differ diff --git a/src/static/index/banner.png b/src/static/index/banner.png new file mode 100644 index 0000000..94f1a90 Binary files /dev/null and b/src/static/index/banner.png differ diff --git a/src/static/index/checktable.png b/src/static/index/checktable.png new file mode 100644 index 0000000..b4e3b4a Binary files /dev/null and b/src/static/index/checktable.png differ diff --git a/src/static/index/icon01.png b/src/static/index/icon01.png new file mode 100644 index 0000000..754a88e Binary files /dev/null and b/src/static/index/icon01.png differ diff --git a/src/static/index/icon02.png b/src/static/index/icon02.png new file mode 100644 index 0000000..89b9adc Binary files /dev/null and b/src/static/index/icon02.png differ diff --git a/src/static/index/icon03.png b/src/static/index/icon03.png new file mode 100644 index 0000000..36e3af8 Binary files /dev/null and b/src/static/index/icon03.png differ diff --git a/src/static/index/icon04.png b/src/static/index/icon04.png new file mode 100644 index 0000000..35d8b48 Binary files /dev/null and b/src/static/index/icon04.png differ diff --git a/src/static/index/icon05.png b/src/static/index/icon05.png new file mode 100644 index 0000000..238f5e7 Binary files /dev/null and b/src/static/index/icon05.png differ diff --git a/src/static/index/icon06.png b/src/static/index/icon06.png new file mode 100644 index 0000000..352cf71 Binary files /dev/null and b/src/static/index/icon06.png differ diff --git a/src/static/index/icon07.png b/src/static/index/icon07.png new file mode 100644 index 0000000..2b2bc2a Binary files /dev/null and b/src/static/index/icon07.png differ diff --git a/src/static/index/icon08.png b/src/static/index/icon08.png new file mode 100644 index 0000000..772e7a6 Binary files /dev/null and b/src/static/index/icon08.png differ diff --git a/src/static/index/icon09.png b/src/static/index/icon09.png new file mode 100644 index 0000000..584a8ef Binary files /dev/null and b/src/static/index/icon09.png differ diff --git a/src/static/index/icon10.png b/src/static/index/icon10.png new file mode 100644 index 0000000..33a8d41 Binary files /dev/null and b/src/static/index/icon10.png differ diff --git a/src/static/index/px.png b/src/static/index/px.png new file mode 100644 index 0000000..9ef88d9 Binary files /dev/null and b/src/static/index/px.png differ diff --git a/src/static/k.png b/src/static/k.png new file mode 100644 index 0000000..1439acc Binary files /dev/null and b/src/static/k.png differ diff --git a/src/static/law.png b/src/static/law.png new file mode 100644 index 0000000..49c9799 Binary files /dev/null and b/src/static/law.png differ diff --git a/src/static/logo.png b/src/static/logo.png new file mode 100644 index 0000000..b5771e2 Binary files /dev/null and b/src/static/logo.png differ diff --git a/src/static/mh3.png b/src/static/mh3.png new file mode 100644 index 0000000..57bad52 Binary files /dev/null and b/src/static/mh3.png differ diff --git a/src/static/space.png b/src/static/space.png new file mode 100644 index 0000000..06c2175 Binary files /dev/null and b/src/static/space.png differ diff --git a/src/static/spray.png b/src/static/spray.png new file mode 100644 index 0000000..3517777 Binary files /dev/null and b/src/static/spray.png differ diff --git a/src/static/tabBar/icon01-norm.png b/src/static/tabBar/icon01-norm.png new file mode 100644 index 0000000..72d4421 Binary files /dev/null and b/src/static/tabBar/icon01-norm.png differ diff --git a/src/static/tabBar/icon01.png b/src/static/tabBar/icon01.png new file mode 100644 index 0000000..e89ef39 Binary files /dev/null and b/src/static/tabBar/icon01.png differ diff --git a/src/static/tabBar/icon02-norm.png b/src/static/tabBar/icon02-norm.png new file mode 100644 index 0000000..a83c315 Binary files /dev/null and b/src/static/tabBar/icon02-norm.png differ diff --git a/src/static/tabBar/icon02.png b/src/static/tabBar/icon02.png new file mode 100644 index 0000000..ebb29cb Binary files /dev/null and b/src/static/tabBar/icon02.png differ diff --git a/src/static/tabBar/icon03-norm.png b/src/static/tabBar/icon03-norm.png new file mode 100644 index 0000000..1704f59 Binary files /dev/null and b/src/static/tabBar/icon03-norm.png differ diff --git a/src/static/tabBar/icon03.png b/src/static/tabBar/icon03.png new file mode 100644 index 0000000..71620a6 Binary files /dev/null and b/src/static/tabBar/icon03.png differ diff --git a/src/static/tabBar/icon04-norm.png b/src/static/tabBar/icon04-norm.png new file mode 100644 index 0000000..b2af285 Binary files /dev/null and b/src/static/tabBar/icon04-norm.png differ diff --git a/src/static/tabBar/icon04.png b/src/static/tabBar/icon04.png new file mode 100644 index 0000000..43044fa Binary files /dev/null and b/src/static/tabBar/icon04.png differ diff --git a/src/static/tabBar/knowledge-norm.png b/src/static/tabBar/knowledge-norm.png new file mode 100644 index 0000000..65c73c4 Binary files /dev/null and b/src/static/tabBar/knowledge-norm.png differ diff --git a/src/static/tabBar/knowledge.png b/src/static/tabBar/knowledge.png new file mode 100644 index 0000000..87d558d Binary files /dev/null and b/src/static/tabBar/knowledge.png differ diff --git a/src/static/tabBar/net-norm.png b/src/static/tabBar/net-norm.png new file mode 100644 index 0000000..9d97995 Binary files /dev/null and b/src/static/tabBar/net-norm.png differ diff --git a/src/static/tabBar/net.png b/src/static/tabBar/net.png new file mode 100644 index 0000000..5542071 Binary files /dev/null and b/src/static/tabBar/net.png differ diff --git a/src/static/yinhuan.png b/src/static/yinhuan.png new file mode 100644 index 0000000..bbbb03c Binary files /dev/null and b/src/static/yinhuan.png differ diff --git a/src/store/index.js b/src/store/index.js new file mode 100644 index 0000000..0086116 --- /dev/null +++ b/src/store/index.js @@ -0,0 +1,12 @@ +import { createStore } from 'vuex'; +import app from './modules/app'; +import user from './modules/user'; + +export default createStore({ + modules: { + app, + user, + }, + // 启用严格模式,非mutation改变值都会报错 + strict: true, +}); diff --git a/src/store/modules/app.js b/src/store/modules/app.js new file mode 100644 index 0000000..f2e9b84 --- /dev/null +++ b/src/store/modules/app.js @@ -0,0 +1,28 @@ +import * as dictsApi from '@/api/dicts'; + +export default { + namespaced: true, + state: { + dicts: {}, + caches: {}, + }, + mutations: { + + }, + actions: { + getDict({ state, commit }, type) { + const fetchDict = (name) => { + if (state.dicts[name]?.length || state.dicts[`${name}Loading`]) return Promise.resolve(); + commit('SET_CONSTANT', { key: `${name}Loading`, val: true }); + return dictsApi[name]?.().then((res) => { + commit('SET_CONSTANT', { key: name, val: res }); + commit('SET_CONSTANT', { key: `${name}Loading`, val: false }); + }); + }; + if (Array.isArray(type)) { + return Promise.all(type.map(fetchDict)); + } + return fetchDict(type); + }, + }, +}; diff --git a/src/store/modules/user.js b/src/store/modules/user.js new file mode 100644 index 0000000..daf5ac2 --- /dev/null +++ b/src/store/modules/user.js @@ -0,0 +1,149 @@ +/* eslint-disable no-unused-vars */ +import { + login, +} from '@/api/user'; +import router from '@/router'; + +export default { + namespaced: true, + state: { + isLogin: false, + // userInfo: sessionStorage.getItem('userInfo') ?? {}, + userInfo: sessionStorage.getItem('userInfo') ? JSON.parse(sessionStorage.getItem('userInfo')) : {}, + walletInfo: {}, + checkLoginDialog: false, + loginDialog: false, + loginLoading: false, + registerDialog: false, + registerLoading: false, + updateLoading: false, + walletLoading: false, + uploadWalletLoading: false, + bindMobile: false, + }, + mutations: { + SET_REGISTER_DIALOG(state, val) { + state.registerDialog = val; + }, + SET_CHECK_LOGIN_DIALOG(state, val) { + state.checkLoginDialog = val; + }, + SET_LOGIN_DIALOG(state, val) { + state.loginDialog = val; + }, + SET_USER_INFO(state, val) { + state.isLogin = !!Object.keys(val).length; + state.userInfo = JSON.parse(sessionStorage.getItem('userInfo')); + }, + SET_WALLET_INFO(state, val) { + state.walletInfo = val; + }, + SET_LOADING(state, { key, val }) { + state[key] = val; + }, + SET_BINDMOBILE_DIALOG(state, val) { + state.bindMobile = val; + }, + }, + actions: { + async register({ commit, dispatch }, data) { + const { + name, + data: { clause, ...registerInfo }, + } = data; + commit('SET_LOADING', { key: 'registerLoading', val: true }); + + const fn = { account: register, quick: quickregister }; + + const res = await fn[name]({ ...registerInfo, domain: document.domain }); + const { repassword, ...loginInfo } = registerInfo; + const { username, password } = res; + const loginParams = password ? { username, password } : loginInfo; + commit('SET_LOADING', { key: 'registerLoading', val: false }); + dispatch('login', { ...loginParams, action: name }).then(() => { + sessionStorage.setItem('pwd', loginParams.password); + return Promise.resolve('success'); + }); + router.push({ + name: 'registerSuccess', + query: { + ...res, + name, + }, + }); + return res; + }, + async login({ commit, dispatch }, { name, ...data }) { + commit('SET_LOADING', { key: 'loginLoading', val: true }); + try { + const res = await login(data); + console.log('121312', res); + const { token } = res; + sessionStorage.setItem('token', token); + sessionStorage.setItem('userInfo', JSON.stringify(res)); + commit('SET_USER_INFO', res); + return true; + } catch (err) { + commit('SET_LOADING', { key: 'loginLoading', val: false }); + return false; + } + }, + async mobileLogin({ commit, dispatch }, data) { + commit('SET_LOADING', { key: 'loginLoading', val: true }); + try { + const res = await mobileLogin(data); + const { token } = res; + localStorage.setItem('token', token); + dispatch('getWalletInfo'); + dispatch('getUserInfo'); + return true; + } catch (err) { + commit('SET_LOADING', { key: 'loginLoading', val: false }); + return false; + } + }, + async getUserInfo({ commit }, fn) { + if (!fn) commit('SET_LOADING', { key: 'loginLoading', val: true }); + commit('SET_USER_INFO'); + commit('SET_LOGIN_DIALOG', false); + fn?.(); + if (!fn) commit('SET_LOADING', { key: 'loginLoading', val: false }); + return Promise.resolve('success'); + }, + updateUserInfo({ commit }, data) { + console.log(data) + sessionStorage.setItem('token', data.token); + sessionStorage.setItem('userInfo', JSON.stringify(data)); + commit('SET_USER_INFO', data); + }, + getWalletInfo({ state, commit }) { + if (state.walletLoading) { + return; + } + + const isRefresh = !!Object.keys(state.walletInfo).length; + commit('SET_LOADING', { + key: 'walletLoading', + val: true, + }); + wallet() + .then((res) => { + commit('SET_WALLET_INFO', res); + }) + .finally(() => { + commit('SET_LOADING', { + key: 'walletLoading', + val: false, + }); + }); + }, + logout({ commit }) { + localStorage.clear(); + sessionStorage.clear(); + commit('SET_USER_INFO', {}); + commit('SET_LOGIN_DIALOG', false); + commit('SET_LOADING', { key: 'loginLoading', val: false }); + return Promise.resolve(); + }, + }, +}; diff --git a/src/uni.scss b/src/uni.scss new file mode 100644 index 0000000..845142d --- /dev/null +++ b/src/uni.scss @@ -0,0 +1,76 @@ +/** + * 这里是uni-app内置的常用样式变量 + * + * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 + * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App + * + */ + +/** + * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 + * + * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 + */ + +/* 颜色变量 */ + +/* 行为相关颜色 */ +$uni-color-primary: #007aff; +$uni-color-success: #4cd964; +$uni-color-warning: #f0ad4e; +$uni-color-error: #dd524d; + +/* 文字基本颜色 */ +$uni-text-color:#333;//基本色 +$uni-text-color-inverse:#fff;//反色 +$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息 +$uni-text-color-placeholder: #808080; +$uni-text-color-disable:#c0c0c0; + +/* 背景颜色 */ +$uni-bg-color:#ffffff; +$uni-bg-color-grey:#f8f8f8; +$uni-bg-color-hover:#f1f1f1;//点击状态颜色 +$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色 + +/* 边框颜色 */ +$uni-border-color:#c8c7cc; + +/* 尺寸变量 */ + +/* 文字尺寸 */ +$uni-font-size-sm:24rpx; +$uni-font-size-base:28rpx; +$uni-font-size-lg:32rpx; + +/* 图片尺寸 */ +$uni-img-size-sm:40rpx; +$uni-img-size-base:52rpx; +$uni-img-size-lg:80rpx; + +/* Border Radius */ +$uni-border-radius-sm: 4rpx; +$uni-border-radius-base: 6rpx; +$uni-border-radius-lg: 12rpx; +$uni-border-radius-circle: 50%; + +/* 水平间距 */ +$uni-spacing-row-sm: 10px; +$uni-spacing-row-base: 20rpx; +$uni-spacing-row-lg: 30rpx; + +/* 垂直间距 */ +$uni-spacing-col-sm: 8rpx; +$uni-spacing-col-base: 16rpx; +$uni-spacing-col-lg: 24rpx; + +/* 透明度 */ +$uni-opacity-disabled: 0.3; // 组件禁用态的透明度 + +/* 文章场景相关 */ +$uni-color-title: #2C405A; // 文章标题颜色 +$uni-font-size-title:40rpx; +$uni-color-subtitle: #555555; // 二级标题颜色 +$uni-font-size-subtitle:36rpx; +$uni-color-paragraph: #3F536E; // 文章段落颜色 +$uni-font-size-paragraph:30rpx; \ No newline at end of file diff --git a/src/utils/MessageQueue.js b/src/utils/MessageQueue.js new file mode 100644 index 0000000..dcebaf7 --- /dev/null +++ b/src/utils/MessageQueue.js @@ -0,0 +1,45 @@ +import { Toast } from 'vant'; + +export default class MessageQueue { + constructor(queue = [], duration = 2000) { + this.queue = queue; + this.duration = duration; + this.queueing = false; + } + + pushQueue(data) { + this.queue.push(data); + this.update(); + } + + update() { + console.log('update'); + if (!this.queueing) { + this.next(); + } + } + + clear() { + this.queue = []; + } + + next() { + if (this.queue.length) { + this.queueing = true; + const data = this.queue.shift(); + Toast.fail({ + duration: this.duration, + message: data.msg, + onClose: () => { + if (data.code === -999 || data.code === -998) { + this.clear(); + } else { + this.next(); + } + }, + }); + } else { + this.queueing = false; + } + } +} diff --git a/src/utils/expCommon.js b/src/utils/expCommon.js new file mode 100644 index 0000000..3f24994 --- /dev/null +++ b/src/utils/expCommon.js @@ -0,0 +1,3 @@ +export const idCardPattern = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}([0-9]|x|X)$/ + +export const regPhone = /^1[3456789]{1}\d{9}$/; diff --git a/src/utils/formatDate.js b/src/utils/formatDate.js new file mode 100644 index 0000000..5087c41 --- /dev/null +++ b/src/utils/formatDate.js @@ -0,0 +1,46 @@ +const englishMonthList = [ + '一月', + '二月', + '三月', + '四月', + '五月', + '六月', + '七月', + '八月', + '九月', + '十月', + '十一月', + '十二月' +]; + +const getNewDate = (date) => { + let year = date.getFullYear(); + let month = date.getMonth(); + let day = date.getDate(); + return { year, month, day }; +} + +const getDate = (year, month, day) => { + return new Date(year, month, day); +} + +const englishMonth = (month) => { + let engMonth; + + englishMonthList.map(() => { + engMonth = englishMonthList[month] + }); + + return engMonth +} + +const formatDate = (date) => { + date = Number(date); + return date < 10 ? `0${date}` : date; +} +export { + getNewDate, + getDate, + englishMonth, + formatDate +} diff --git a/src/utils/getSrc.js b/src/utils/getSrc.js new file mode 100644 index 0000000..863bd11 --- /dev/null +++ b/src/utils/getSrc.js @@ -0,0 +1,56 @@ +import { reactive } from 'vue'; + +const ImageMap = reactive({}); +const allImages = import.meta.glob(`/src/assets/{images,dark}/**/*.{png,jpg,svg,gif,webp}`); + +const findSrc = (path, defaultPath) => { + if (!defaultPath.includes('/')) { + let [start, end] = path?.split('.') ?? []; + start = start?.split('/') ?? []; + start.pop(); + defaultPath = `${start.join('/')}/${defaultPath}.${end}`; + } else if (path.includes('/dark/')) { + defaultPath = defaultPath.replace('/images/', '/dark/'); + } + // console.log('~~~~~~~~~~~ path', path); + const targetPath = allImages[path] ? path : defaultPath; + + if (allImages[targetPath]) { + if (!ImageMap[targetPath]) { + ImageMap[targetPath] = ''; + allImages[targetPath]() + .then((result) => { + ImageMap[targetPath] = result.default; + }); + } + } else { + return null; + } + // if (!ImageMap[targetPath]) { + // ImageMap[targetPath] = ''; + // + // if (allImages[path]) { + // allImages[path]() + // .then((result) => { + // ImageMap[path] = result.default; + // }); + // } else if (allImages[defaultPath]) { + // console.log('defaultPath', defaultPath); + // allImages[defaultPath]() + // .then((result) => { + // ImageMap[path] = result.default; + // }); + // } + // } + + return ImageMap[path] || ImageMap[defaultPath]; +}; + +export const $getSrc = ($store, path, defaultPath = '') => { + const { darkTheme } = $store.state.app; + if (darkTheme === 'dark') { + const target = findSrc(path.replace('/images/', '/dark/'), defaultPath); + if (target !== null) return target; + } + return findSrc(path, defaultPath); +}; diff --git a/src/utils/globalFunc.js b/src/utils/globalFunc.js new file mode 100644 index 0000000..1f3e9fb --- /dev/null +++ b/src/utils/globalFunc.js @@ -0,0 +1,18 @@ +// /* eslint-disable no-param-reassign */ +import store from '@/store'; +// import router from '@/router'; +// import { openGame } from '@/api/app'; +// import { Toast } from 'vant'; +// import { ref } from 'vue'; + +export default (app) => { + app.config.globalProperties.$getPermission = (val) => { + // console.log('55555', val); + // console.log('124564', store.state.user.userInfo); + if (store.state.user.userInfo.resources.includes(val)) { + return true + } else { + return false + } + }; +}; diff --git a/src/utils/hooks.js b/src/utils/hooks.js new file mode 100644 index 0000000..34c8b9c --- /dev/null +++ b/src/utils/hooks.js @@ -0,0 +1,82 @@ +/* eslint-disable import/prefer-default-export */ +import { + reactive, + getCurrentInstance, + nextTick, + inject, + watch, + onBeforeMount, +} from 'vue'; // expose public api + +export function useExpose(apis) { + const instance = getCurrentInstance(); + + if (instance) { + Object.assign(instance.proxy, apis); + } +} +/** + * @description: timeout定时器 + * @param {Function} fn 回调方法 + * @param {Number} time 执行间隔 + * @param {Object} options 配置项 + * @param {Boolean} options.manual 是否手动执行，默认false + * @return {Function} 返回可终止定时器方法 + */ +export const useTimeout = (fn, time, options = { manual: false }) => { + let timer = null; + const run = (...args) => { + timer = setTimeout(() => fn.call(null, ...args), time); + }; + if (!options.manual) run(); + const stop = () => clearTimeout(timer); + onBeforeMount(stop); + return { + run, + stop, + }; +}; + +export function usePopupState() { + const state = reactive({ + show: false, + }); + + const toggle = (show) => { + state.show = show; + }; + + const open = (props) => { + Object.assign(state, props); + nextTick(() => toggle(true)); + }; + + const close = () => toggle(false); + + useExpose({ + open, + close, + toggle, + }); + return { + open, + close, + state, + toggle, + }; +} + +export function useDicts(type, callback) { + console.log('useDicts', type); + const $store = inject('store'); + const { dicts } = $store.state.app; + if (!dicts[type]?.length && !dicts[`${type}Loading`]) { + $store.dispatch('app/getDict', [type]); + } + + watch(dicts, () => { + if (callback && dicts[type]) { + callback(dicts[type]); + } + }); +} diff --git a/src/utils/index.js b/src/utils/index.js new file mode 100644 index 0000000..d962b3a --- /dev/null +++ b/src/utils/index.js @@ -0,0 +1,170 @@ +// const images = import.meta.globEager(`/src/assets/*/**/*.{png,svg,jpg,gif}`); +const allDialog = import.meta.glob('/src/components/{Dialog,Popup}/*.vue'); +export const loadModule = async (modulePath) => { + try { + return await allDialog[modulePath](); + } catch (e) { + throw new ImportError(`找不到模块路径 ${modulePath}`); + } +}; + +export function isFunction(functionToCheck) { + return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]'; +} + +// 代理密码校验 +export function testPassword(value, maxLength = 20) { + const reg = new RegExp(`^[0-9a-zA-Z]{6,${maxLength}}$`); + return reg.test(value); +} + +export function shuffle(array) { + let currentIndex = array.length; + let randomIndex; + + // While there remain elements to shuffle... + while (currentIndex !== 0) { + // Pick a remaining element... + randomIndex = Math.floor(Math.random() * currentIndex); + currentIndex -= 1; + + // And swap it with the current element. + // eslint-disable-next-line no-unexpected-multiline + const current = array[currentIndex]; + array[currentIndex] = array[randomIndex]; + array[randomIndex] = current; + // [array[currentIndex], array[randomIndex]] = [array[randomIndex], array[currentIndex]]; + } + + return array; +} + +export function validateEmail(email) { + const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; + return re.test(String(email).toLowerCase()); +} + +export const priceFormat = (price) => (price.toString().indexOf('.') !== -1 + ? `${price + .toString() + .split('.')[0] + .replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')}.00` + : `${price.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')}.00`); + +export const timeFilter = (str) => str.substr(0, 10); + +export function dateFormat(formatString, dateValue) { + const date = new Date(dateValue); + let fmt = formatString; + let ret; + const opt = { + 'Y+': date.getFullYear().toString(), // 年 + 'm+': (date.getMonth() + 1).toString(), // 月 + 'd+': date.getDate().toString(), // 日 + 'H+': date.getHours().toString(), // 时 + 'M+': date.getMinutes().toString(), // 分 + 'S+': date.getSeconds().toString(), // 秒 + // 有其他格式化字符需求可以继续添加，必须转化成字符串 + }; + Object.keys(opt).forEach((k) => { + ret = new RegExp(`(${k})`).exec(fmt); + if (ret) { + fmt = fmt.replace( + ret[1], + ret[1].length === 1 ? opt[k] : opt[k].padStart(ret[1].length, '0'), + ); + } + }); + return fmt; +} +export const download = (url, name) => { + const a = document.createElement('a'); + const event = new MouseEvent('click'); + a.download = `${name || new Date().getTime()}.png`; + a.href = url; + a.dispatchEvent(event); +}; + + +export function getDate(dates) { + const dd = new Date(); + const n = dates || 0; + dd.setDate(dd.getDate() + n); + const y = dd.getFullYear(); + let m = dd.getMonth() + 1; + let d = dd.getDate(); + m = m < 10 ? `0${m}` : m; + d = d < 10 ? `0${d}` : d; + const day = `${y}-${m}-${d}`; + return day; +} + +/* + *getMonth(type,months) //type为字符串类型，有两种选择，"s"代表开始,"e"代表结束，months为数字类型，不传或0代表本月，-1代表上月，1代表下月 + *getMonth("s",1) //得到下月第一天的yyyy-mm-dd格式日期 + *getMonth("e",1) //得到下月最后一天的yyyy-mm-dd格式日期 + */ + +export function getMonth(type, monthArg) { + const d = new Date(); + let year = d.getFullYear(); + let months = monthArg; + let month = d.getMonth() + 1; + if (Math.abs(months) > 12) { + months %= 12; + } + if (months !== 0) { + if (month + months > 12) { + year += 1; + month = (month + months) % 12; + } else if (month + months < 1) { + year -= 1; + month = 12 + month + months; + } else { + month += months; + } + } + month = month < 10 ? `0${month}` : month; + const firstDay = `${year}-${month}-01`; + let lastDay = ''; + if ( + month === '01' + || month === '03' + || month === '05' + || month === '07' + || month === '08' + || month === '10' + || month === '12' + ) { + lastDay = `${year}-${month}-${31}`; + } else if (month === '02') { + if ( + (year % 4 === 0 && year % 100 !== 0) + || (year % 100 === 0 && year % 400 === 0) + ) { + lastDay = `${year}-${month}-${29}`; + } else { + lastDay = `${year}-${month}-${28}`; + } + } else { + lastDay = `${year}-${month}-${30}`; + } + let day = ''; + if (type === 's') { + day = firstDay; + } else { + day = lastDay; + } + return day; +} + +// 密码校验 +export function formatMobile(value) { + return value?.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2") +} + +export function formatIdCard(value) { + return value?.replace(/^(.{6})(?:\d+)(.{4})$/, "$1********$2") +} + + diff --git a/src/utils/mount-component.js b/src/utils/mount-component.js new file mode 100644 index 0000000..dcf56b1 --- /dev/null +++ b/src/utils/mount-component.js @@ -0,0 +1,17 @@ +/* eslint-disable import/prefer-default-export */ +import { createApp } from 'vue'; + +export function mountComponent(RootComponent) { + const app = createApp(RootComponent); + const root = document.createElement('div'); + document.body.appendChild(root); + return { + instance: app.mount(root), + + unmount() { + app.unmount(); + document.body.removeChild(root); + }, + + }; +} diff --git a/src/utils/request.js b/src/utils/request.js new file mode 100644 index 0000000..1aa4153 --- /dev/null +++ b/src/utils/request.js @@ -0,0 +1,60 @@ +import axios from 'axios' +import settle from 'axios/lib/core/settle' +let baseURL = 'http://apiv2.yksafety.net/ssp/v2' +const instance = axios.create({ + baseURL, + timeout : 6000, + responseType: 'json', +}) + +// 请求拦截 +instance.interceptors.request.use( + config => { + // return config + return new Promise( ( resolve , reject ) => { + // let settle = require('/axios/lib/core/settle') + uni.request({ + method : config.type.toUpperCase(), + url : config.baseURL + config.path, + header : config.headers, + data : config.data, + dataType : config.dataType, + responseType : config.responseType, + complete : function complete( response ) { + response = { + data : response.data, + status : response.statusCode, + errMsg : response.errMsg, + header : response.header, + config : config + }; + settle( resolve , reject , response ); + }, + }); + }) + }, + error => { + return Promise.reject( error ); + } +); + +// 响应拦截 +instance.interceptors.response.use( res => { + console.log('res',res) + if ( res.status == 200 ){ + return res; + } else { + return Promise.reject( res.data.msg ); + } +}); + +// 自定义适配器 ， 适配uniapp语法 +// axios.defaults.adapter = function( config ) { +// console.log('config',config) + +// } + +export default function request(url, params) { + console.log('url', url); + return instance(url, params); +} \ No newline at end of file diff --git a/src/wxcomponents/weapp/action-sheet/index.d.ts b/src/wxcomponents/weapp/action-sheet/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/action-sheet/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/action-sheet/index.js b/src/wxcomponents/weapp/action-sheet/index.js new file mode 100644 index 0000000..58e866d --- /dev/null +++ b/src/wxcomponents/weapp/action-sheet/index.js @@ -0,0 +1,70 @@ +import { VantComponent } from '../common/component'; +import { button } from '../mixins/button'; +VantComponent({ + mixins: [button], + props: { + show: Boolean, + title: String, + cancelText: String, + description: String, + round: { + type: Boolean, + value: true, + }, + zIndex: { + type: Number, + value: 100, + }, + actions: { + type: Array, + value: [], + }, + overlay: { + type: Boolean, + value: true, + }, + closeOnClickOverlay: { + type: Boolean, + value: true, + }, + closeOnClickAction: { + type: Boolean, + value: true, + }, + safeAreaInsetBottom: { + type: Boolean, + value: true, + }, + }, + methods: { + onSelect(event) { + const { index } = event.currentTarget.dataset; + const { actions, closeOnClickAction, canIUseGetUserProfile } = this.data; + const item = actions[index]; + if (item) { + this.$emit('select', item); + if (closeOnClickAction) { + this.onClose(); + } + if (item.openType === 'getUserInfo' && canIUseGetUserProfile) { + wx.getUserProfile({ + desc: item.getUserProfileDesc || ' ', + complete: (userProfile) => { + this.$emit('getuserinfo', userProfile); + }, + }); + } + } + }, + onCancel() { + this.$emit('cancel'); + }, + onClose() { + this.$emit('close'); + }, + onClickOverlay() { + this.$emit('click-overlay'); + this.onClose(); + }, + }, +}); diff --git a/src/wxcomponents/weapp/action-sheet/index.json b/src/wxcomponents/weapp/action-sheet/index.json new file mode 100644 index 0000000..19bf989 --- /dev/null +++ b/src/wxcomponents/weapp/action-sheet/index.json @@ -0,0 +1,8 @@ +{ + "component": true, + "usingComponents": { + "van-icon": "../icon/index", + "van-popup": "../popup/index", + "van-loading": "../loading/index" + } +} diff --git a/src/wxcomponents/weapp/action-sheet/index.wxml b/src/wxcomponents/weapp/action-sheet/index.wxml new file mode 100644 index 0000000..b04cc3a --- /dev/null +++ b/src/wxcomponents/weapp/action-sheet/index.wxml @@ -0,0 +1,69 @@ + + + + + {{ title }} + + + + {{ description }} + + + + + + + + + + {{ cancelText }} + + + diff --git a/src/wxcomponents/weapp/action-sheet/index.wxss b/src/wxcomponents/weapp/action-sheet/index.wxss new file mode 100644 index 0000000..eedd361 --- /dev/null +++ b/src/wxcomponents/weapp/action-sheet/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-action-sheet{color:var(--action-sheet-item-text-color,#323233);max-height:var(--action-sheet-max-height,90%)!important}.van-action-sheet__cancel,.van-action-sheet__item{background-color:var(--action-sheet-item-background,#fff);font-size:var(--action-sheet-item-font-size,16px);line-height:var(--action-sheet-item-line-height,22px);padding:14px 16px;text-align:center}.van-action-sheet__cancel--hover,.van-action-sheet__item--hover{background-color:#f2f3f5}.van-action-sheet__cancel:after,.van-action-sheet__item:after{border-width:0}.van-action-sheet__cancel{color:var(--action-sheet-cancel-text-color,#646566)}.van-action-sheet__gap{background-color:var(--action-sheet-cancel-padding-color,#f7f8fa);display:block;height:var(--action-sheet-cancel-padding-top,8px)}.van-action-sheet__item--disabled{color:var(--action-sheet-item-disabled-text-color,#c8c9cc)}.van-action-sheet__item--disabled.van-action-sheet__item--hover{background-color:var(--action-sheet-item-background,#fff)}.van-action-sheet__subname{color:var(--action-sheet-subname-color,#969799);font-size:var(--action-sheet-subname-font-size,12px);line-height:var(--action-sheet-subname-line-height,20px);margin-top:var(--padding-xs,8px)}.van-action-sheet__header{font-size:var(--action-sheet-header-font-size,16px);font-weight:var(--font-weight-bold,500);line-height:var(--action-sheet-header-height,48px);text-align:center}.van-action-sheet__description{color:var(--action-sheet-description-color,#969799);font-size:var(--action-sheet-description-font-size,14px);line-height:var(--action-sheet-description-line-height,20px);padding:20px var(--padding-md,16px);text-align:center}.van-action-sheet__close{color:var(--action-sheet-close-icon-color,#c8c9cc);font-size:var(--action-sheet-close-icon-size,22px)!important;line-height:inherit!important;padding:var(--action-sheet-close-icon-padding,0 16px);position:absolute!important;right:0;top:0}.van-action-sheet__loading{display:flex!important} \ No newline at end of file diff --git a/src/wxcomponents/weapp/area/index.d.ts b/src/wxcomponents/weapp/area/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/area/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/area/index.js b/src/wxcomponents/weapp/area/index.js new file mode 100644 index 0000000..9cf1edd --- /dev/null +++ b/src/wxcomponents/weapp/area/index.js @@ -0,0 +1,220 @@ +import { VantComponent } from '../common/component'; +import { pickerProps } from '../picker/shared'; +import { requestAnimationFrame } from '../common/utils'; +const EMPTY_CODE = '000000'; +VantComponent({ + classes: ['active-class', 'toolbar-class', 'column-class'], + props: Object.assign(Object.assign({}, pickerProps), { showToolbar: { + type: Boolean, + value: true, + }, value: { + type: String, + observer(value) { + this.code = value; + this.setValues(); + }, + }, areaList: { + type: Object, + value: {}, + observer: 'setValues', + }, columnsNum: { + type: null, + value: 3, + }, columnsPlaceholder: { + type: Array, + observer(val) { + this.setData({ + typeToColumnsPlaceholder: { + province: val[0] || '', + city: val[1] || '', + county: val[2] || '', + }, + }); + }, + } }), + data: { + columns: [{ values: [] }, { values: [] }, { values: [] }], + typeToColumnsPlaceholder: {}, + }, + mounted() { + requestAnimationFrame(() => { + this.setValues(); + }); + }, + methods: { + getPicker() { + if (this.picker == null) { + this.picker = this.selectComponent('.van-area__picker'); + } + return this.picker; + }, + onCancel(event) { + this.emit('cancel', event.detail); + }, + onConfirm(event) { + const { index } = event.detail; + let { value } = event.detail; + value = this.parseValues(value); + this.emit('confirm', { value, index }); + }, + emit(type, detail) { + detail.values = detail.value; + delete detail.value; + this.$emit(type, detail); + }, + parseValues(values) { + const { columnsPlaceholder } = this.data; + return values.map((value, index) => { + if (value && + (!value.code || value.name === columnsPlaceholder[index])) { + return Object.assign(Object.assign({}, value), { code: '', name: '' }); + } + return value; + }); + }, + onChange(event) { + var _a; + const { index, picker, value } = event.detail; + this.code = value[index].code; + (_a = this.setValues()) === null || _a === void 0 ? void 0 : _a.then(() => { + this.$emit('change', { + picker, + values: this.parseValues(picker.getValues()), + index, + }); + }); + }, + getConfig(type) { + const { areaList } = this.data; + return (areaList && areaList[`${type}_list`]) || {}; + }, + getList(type, code) { + if (type !== 'province' && !code) { + return []; + } + const { typeToColumnsPlaceholder } = this.data; + const list = this.getConfig(type); + let result = Object.keys(list).map((code) => ({ + code, + name: list[code], + })); + if (code != null) { + // oversea code + if (code[0] === '9' && type === 'city') { + code = '9'; + } + result = result.filter((item) => item.code.indexOf(code) === 0); + } + if (typeToColumnsPlaceholder[type] && result.length) { + // set columns placeholder + const codeFill = type === 'province' + ? '' + : type === 'city' + ? EMPTY_CODE.slice(2, 4) + : EMPTY_CODE.slice(4, 6); + result.unshift({ + code: `${code}${codeFill}`, + name: typeToColumnsPlaceholder[type], + }); + } + return result; + }, + getIndex(type, code) { + let compareNum = type === 'province' ? 2 : type === 'city' ? 4 : 6; + const list = this.getList(type, code.slice(0, compareNum - 2)); + // oversea code + if (code[0] === '9' && type === 'province') { + compareNum = 1; + } + code = code.slice(0, compareNum); + for (let i = 0; i < list.length; i++) { + if (list[i].code.slice(0, compareNum) === code) { + return i; + } + } + return 0; + }, + setValues() { + const picker = this.getPicker(); + if (!picker) { + return; + } + let code = this.code || this.getDefaultCode(); + const provinceList = this.getList('province'); + const cityList = this.getList('city', code.slice(0, 2)); + const stack = []; + const indexes = []; + const { columnsNum } = this.data; + if (columnsNum >= 1) { + stack.push(picker.setColumnValues(0, provinceList, false)); + indexes.push(this.getIndex('province', code)); + } + if (columnsNum >= 2) { + stack.push(picker.setColumnValues(1, cityList, false)); + indexes.push(this.getIndex('city', code)); + if (cityList.length && code.slice(2, 4) === '00') { + [{ code }] = cityList; + } + } + if (columnsNum === 3) { + stack.push(picker.setColumnValues(2, this.getList('county', code.slice(0, 4)), false)); + indexes.push(this.getIndex('county', code)); + } + return Promise.all(stack) + .catch(() => { }) + .then(() => picker.setIndexes(indexes)) + .catch(() => { }); + }, + getDefaultCode() { + const { columnsPlaceholder } = this.data; + if (columnsPlaceholder.length) { + return EMPTY_CODE; + } + const countyCodes = Object.keys(this.getConfig('county')); + if (countyCodes[0]) { + return countyCodes[0]; + } + const cityCodes = Object.keys(this.getConfig('city')); + if (cityCodes[0]) { + return cityCodes[0]; + } + return ''; + }, + getValues() { + const picker = this.getPicker(); + if (!picker) { + return []; + } + return this.parseValues(picker.getValues().filter((value) => !!value)); + }, + getDetail() { + const values = this.getValues(); + const area = { + code: '', + country: '', + province: '', + city: '', + county: '', + }; + if (!values.length) { + return area; + } + const names = values.map((item) => item.name); + area.code = values[values.length - 1].code; + if (area.code[0] === '9') { + area.country = names[1] || ''; + area.province = names[2] || ''; + } + else { + area.province = names[0] || ''; + area.city = names[1] || ''; + area.county = names[2] || ''; + } + return area; + }, + reset(code) { + this.code = code || ''; + return this.setValues(); + }, + }, +}); diff --git a/src/wxcomponents/weapp/area/index.json b/src/wxcomponents/weapp/area/index.json new file mode 100644 index 0000000..a778e91 --- /dev/null +++ b/src/wxcomponents/weapp/area/index.json @@ -0,0 +1,6 @@ +{ + "component": true, + "usingComponents": { + "van-picker": "../picker/index" + } +} diff --git a/src/wxcomponents/weapp/area/index.wxml b/src/wxcomponents/weapp/area/index.wxml new file mode 100644 index 0000000..3a437b7 --- /dev/null +++ b/src/wxcomponents/weapp/area/index.wxml @@ -0,0 +1,20 @@ + + + diff --git a/src/wxcomponents/weapp/area/index.wxs b/src/wxcomponents/weapp/area/index.wxs new file mode 100644 index 0000000..07723c1 --- /dev/null +++ b/src/wxcomponents/weapp/area/index.wxs @@ -0,0 +1,8 @@ +/* eslint-disable */ +function displayColumns(columns, columnsNum) { + return columns.slice(0, +columnsNum); +} + +module.exports = { + displayColumns: displayColumns, +}; diff --git a/src/wxcomponents/weapp/area/index.wxss b/src/wxcomponents/weapp/area/index.wxss new file mode 100644 index 0000000..99694d6 --- /dev/null +++ b/src/wxcomponents/weapp/area/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss'; \ No newline at end of file diff --git a/src/wxcomponents/weapp/button/index.d.ts b/src/wxcomponents/weapp/button/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/button/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/button/index.js b/src/wxcomponents/weapp/button/index.js new file mode 100644 index 0000000..0e3c134 --- /dev/null +++ b/src/wxcomponents/weapp/button/index.js @@ -0,0 +1,64 @@ +import { VantComponent } from '../common/component'; +import { button } from '../mixins/button'; +import { canIUseFormFieldButton } from '../common/version'; +const mixins = [button]; +if (canIUseFormFieldButton()) { + mixins.push('wx://form-field-button'); +} +VantComponent({ + mixins, + classes: ['hover-class', 'loading-class'], + data: { + baseStyle: '', + }, + props: { + formType: String, + icon: String, + classPrefix: { + type: String, + value: 'van-icon', + }, + plain: Boolean, + block: Boolean, + round: Boolean, + square: Boolean, + loading: Boolean, + hairline: Boolean, + disabled: Boolean, + loadingText: String, + customStyle: String, + loadingType: { + type: String, + value: 'circular', + }, + type: { + type: String, + value: 'default', + }, + dataset: null, + size: { + type: String, + value: 'normal', + }, + loadingSize: { + type: String, + value: '20px', + }, + color: String, + }, + methods: { + onClick(event) { + this.$emit('click', event); + const { canIUseGetUserProfile, openType, getUserProfileDesc, lang, } = this.data; + if (openType === 'getUserInfo' && canIUseGetUserProfile) { + wx.getUserProfile({ + desc: getUserProfileDesc || ' ', + lang: lang || 'en', + complete: (userProfile) => { + this.$emit('getuserinfo', userProfile); + }, + }); + } + }, + }, +}); diff --git a/src/wxcomponents/weapp/button/index.json b/src/wxcomponents/weapp/button/index.json new file mode 100644 index 0000000..e00a588 --- /dev/null +++ b/src/wxcomponents/weapp/button/index.json @@ -0,0 +1,7 @@ +{ + "component": true, + "usingComponents": { + "van-icon": "../icon/index", + "van-loading": "../loading/index" + } +} diff --git a/src/wxcomponents/weapp/button/index.wxml b/src/wxcomponents/weapp/button/index.wxml new file mode 100644 index 0000000..8034845 --- /dev/null +++ b/src/wxcomponents/weapp/button/index.wxml @@ -0,0 +1,53 @@ + + + + diff --git a/src/wxcomponents/weapp/button/index.wxs b/src/wxcomponents/weapp/button/index.wxs new file mode 100644 index 0000000..8b649fe --- /dev/null +++ b/src/wxcomponents/weapp/button/index.wxs @@ -0,0 +1,39 @@ +/* eslint-disable */ +var style = require('../wxs/style.wxs'); + +function rootStyle(data) { + if (!data.color) { + return data.customStyle; + } + + var properties = { + color: data.plain ? data.color : '#fff', + background: data.plain ? null : data.color, + }; + + // hide border when color is linear-gradient + if (data.color.indexOf('gradient') !== -1) { + properties.border = 0; + } else { + properties['border-color'] = data.color; + } + + return style([properties, data.customStyle]); +} + +function loadingColor(data) { + if (data.plain) { + return data.color ? data.color : '#c9c9c9'; + } + + if (data.type === 'default') { + return '#c9c9c9'; + } + + return '#fff'; +} + +module.exports = { + rootStyle: rootStyle, + loadingColor: loadingColor, +}; diff --git a/src/wxcomponents/weapp/button/index.wxss b/src/wxcomponents/weapp/button/index.wxss new file mode 100644 index 0000000..bd8bb5a --- /dev/null +++ b/src/wxcomponents/weapp/button/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-button{-webkit-text-size-adjust:100%;align-items:center;-webkit-appearance:none;border-radius:var(--button-border-radius,2px);box-sizing:border-box;display:inline-flex;font-size:var(--button-default-font-size,16px);height:var(--button-default-height,44px);justify-content:center;line-height:var(--button-line-height,20px);padding:0;position:relative;text-align:center;transition:opacity .2s;vertical-align:middle}.van-button:before{background-color:#000;border:inherit;border-color:#000;border-radius:inherit;content:" ";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.van-button:after{border-width:0}.van-button--active:before{opacity:.15}.van-button--unclickable:after{display:none}.van-button--default{background:var(--button-default-background-color,#fff);border:var(--button-border-width,1px) solid var(--button-default-border-color,#ebedf0);color:var(--button-default-color,#323233)}.van-button--primary{background:var(--button-primary-background-color,#07c160);border:var(--button-border-width,1px) solid var(--button-primary-border-color,#07c160);color:var(--button-primary-color,#fff)}.van-button--info{background:var(--button-info-background-color,#1989fa);border:var(--button-border-width,1px) solid var(--button-info-border-color,#1989fa);color:var(--button-info-color,#fff)}.van-button--danger{background:var(--button-danger-background-color,#ee0a24);border:var(--button-border-width,1px) solid var(--button-danger-border-color,#ee0a24);color:var(--button-danger-color,#fff)}.van-button--warning{background:var(--button-warning-background-color,#ff976a);border:var(--button-border-width,1px) solid var(--button-warning-border-color,#ff976a);color:var(--button-warning-color,#fff)}.van-button--plain{background:var(--button-plain-background-color,#fff)}.van-button--plain.van-button--primary{color:var(--button-primary-background-color,#07c160)}.van-button--plain.van-button--info{color:var(--button-info-background-color,#1989fa)}.van-button--plain.van-button--danger{color:var(--button-danger-background-color,#ee0a24)}.van-button--plain.van-button--warning{color:var(--button-warning-background-color,#ff976a)}.van-button--large{height:var(--button-large-height,50px);width:100%}.van-button--normal{font-size:var(--button-normal-font-size,14px);padding:0 15px}.van-button--small{font-size:var(--button-small-font-size,12px);height:var(--button-small-height,30px);min-width:var(--button-small-min-width,60px);padding:0 var(--padding-xs,8px)}.van-button--mini{display:inline-block;font-size:var(--button-mini-font-size,10px);height:var(--button-mini-height,22px);min-width:var(--button-mini-min-width,50px)}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{display:flex;width:100%}.van-button--round{border-radius:var(--button-round-border-radius,999px)}.van-button--square{border-radius:0}.van-button--disabled{opacity:var(--button-disabled-opacity,.5)}.van-button__text{display:inline}.van-button__icon+.van-button__text:not(:empty),.van-button__loading-text{margin-left:4px}.van-button__icon{line-height:inherit!important;min-width:1em;vertical-align:top}.van-button--hairline{border-width:0;padding-top:1px}.van-button--hairline:after{border-color:inherit;border-radius:calc(var(--button-border-radius, 2px)*2);border-width:1px}.van-button--hairline.van-button--round:after{border-radius:var(--button-round-border-radius,999px)}.van-button--hairline.van-button--square:after{border-radius:0} \ No newline at end of file diff --git a/src/wxcomponents/weapp/calendar/calendar.wxml b/src/wxcomponents/weapp/calendar/calendar.wxml new file mode 100644 index 0000000..808f739 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/calendar.wxml @@ -0,0 +1,68 @@ + +
+ +
+ + + + + + + + + + + + {{ + computed.getButtonDisabled(type, currentDate) + ? confirmDisabledText + : confirmText + }} + + + diff --git a/src/wxcomponents/weapp/calendar/components/header/index.d.ts b/src/wxcomponents/weapp/calendar/components/header/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/calendar/components/header/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/calendar/components/header/index.js b/src/wxcomponents/weapp/calendar/components/header/index.js new file mode 100644 index 0000000..8fb3682 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/components/header/index.js @@ -0,0 +1,37 @@ +import { VantComponent } from '../../../common/component'; +VantComponent({ + props: { + title: { + type: String, + value: '日期选择', + }, + subtitle: String, + showTitle: Boolean, + showSubtitle: Boolean, + firstDayOfWeek: { + type: Number, + observer: 'initWeekDay', + }, + }, + data: { + weekdays: [], + }, + created() { + this.initWeekDay(); + }, + methods: { + initWeekDay() { + const defaultWeeks = ['日', '一', '二', '三', '四', '五', '六']; + const firstDayOfWeek = this.data.firstDayOfWeek || 0; + this.setData({ + weekdays: [ + ...defaultWeeks.slice(firstDayOfWeek, 7), + ...defaultWeeks.slice(0, firstDayOfWeek), + ], + }); + }, + onClickSubtitle(event) { + this.$emit('click-subtitle', event); + }, + }, +}); diff --git a/src/wxcomponents/weapp/calendar/components/header/index.json b/src/wxcomponents/weapp/calendar/components/header/index.json new file mode 100644 index 0000000..467ce29 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/components/header/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} diff --git a/src/wxcomponents/weapp/calendar/components/header/index.wxml b/src/wxcomponents/weapp/calendar/components/header/index.wxml new file mode 100644 index 0000000..7e56c83 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/components/header/index.wxml @@ -0,0 +1,16 @@ + + + + {{ title }} + + + + {{ subtitle }} + + + + + {{ item }} + + + diff --git a/src/wxcomponents/weapp/calendar/components/header/index.wxss b/src/wxcomponents/weapp/calendar/components/header/index.wxss new file mode 100644 index 0000000..272537e --- /dev/null +++ b/src/wxcomponents/weapp/calendar/components/header/index.wxss @@ -0,0 +1 @@ +@import '../../../common/index.wxss';.van-calendar__header{box-shadow:var(--calendar-header-box-shadow,0 2px 10px hsla(220,1%,50%,.16));flex-shrink:0}.van-calendar__header-subtitle,.van-calendar__header-title{font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.van-calendar__header-title+.van-calendar__header-title,.van-calendar__header-title:empty{display:none}.van-calendar__header-title:empty+.van-calendar__header-title{display:block!important}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--calendar-weekdays-font-size,12px);line-height:var(--calendar-weekdays-height,30px);text-align:center} \ No newline at end of file diff --git a/src/wxcomponents/weapp/calendar/components/month/index.d.ts b/src/wxcomponents/weapp/calendar/components/month/index.d.ts new file mode 100644 index 0000000..3ccf85a --- /dev/null +++ b/src/wxcomponents/weapp/calendar/components/month/index.d.ts @@ -0,0 +1,6 @@ +export interface Day { + date: Date; + type: string; + text: number; + bottomInfo?: string; +} diff --git a/src/wxcomponents/weapp/calendar/components/month/index.js b/src/wxcomponents/weapp/calendar/components/month/index.js new file mode 100644 index 0000000..d04c0fe --- /dev/null +++ b/src/wxcomponents/weapp/calendar/components/month/index.js @@ -0,0 +1,154 @@ +import { VantComponent } from '../../../common/component'; +import { getMonthEndDay, compareDay, getPrevDay, getNextDay, } from '../../utils'; +VantComponent({ + props: { + date: { + type: null, + observer: 'setDays', + }, + type: { + type: String, + observer: 'setDays', + }, + color: String, + minDate: { + type: null, + observer: 'setDays', + }, + maxDate: { + type: null, + observer: 'setDays', + }, + showMark: Boolean, + rowHeight: null, + formatter: { + type: null, + observer: 'setDays', + }, + currentDate: { + type: null, + observer: 'setDays', + }, + firstDayOfWeek: { + type: Number, + observer: 'setDays', + }, + allowSameDay: Boolean, + showSubtitle: Boolean, + showMonthTitle: Boolean, + }, + data: { + visible: true, + days: [], + }, + methods: { + onClick(event) { + const { index } = event.currentTarget.dataset; + const item = this.data.days[index]; + if (item.type !== 'disabled') { + this.$emit('click', item); + } + }, + setDays() { + const days = []; + const startDate = new Date(this.data.date); + const year = startDate.getFullYear(); + const month = startDate.getMonth(); + const totalDay = getMonthEndDay(startDate.getFullYear(), startDate.getMonth() + 1); + for (let day = 1; day <= totalDay; day++) { + const date = new Date(year, month, day); + const type = this.getDayType(date); + let config = { + date, + type, + text: day, + bottomInfo: this.getBottomInfo(type), + }; + if (this.data.formatter) { + config = this.data.formatter(config); + } + days.push(config); + } + this.setData({ days }); + }, + getMultipleDayType(day) { + const { currentDate } = this.data; + if (!Array.isArray(currentDate)) { + return ''; + } + const isSelected = (date) => currentDate.some((item) => compareDay(item, date) === 0); + if (isSelected(day)) { + const prevDay = getPrevDay(day); + const nextDay = getNextDay(day); + const prevSelected = isSelected(prevDay); + const nextSelected = isSelected(nextDay); + if (prevSelected && nextSelected) { + return 'multiple-middle'; + } + if (prevSelected) { + return 'end'; + } + return nextSelected ? 'start' : 'multiple-selected'; + } + return ''; + }, + getRangeDayType(day) { + const { currentDate, allowSameDay } = this.data; + if (!Array.isArray(currentDate)) { + return ''; + } + const [startDay, endDay] = currentDate; + if (!startDay) { + return ''; + } + const compareToStart = compareDay(day, startDay); + if (!endDay) { + return compareToStart === 0 ? 'start' : ''; + } + const compareToEnd = compareDay(day, endDay); + if (compareToStart === 0 && compareToEnd === 0 && allowSameDay) { + return 'start-end'; + } + if (compareToStart === 0) { + return 'start'; + } + if (compareToEnd === 0) { + return 'end'; + } + if (compareToStart > 0 && compareToEnd < 0) { + return 'middle'; + } + return ''; + }, + getDayType(day) { + const { type, minDate, maxDate, currentDate } = this.data; + if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) { + return 'disabled'; + } + if (type === 'single') { + return compareDay(day, currentDate) === 0 ? 'selected' : ''; + } + if (type === 'multiple') { + return this.getMultipleDayType(day); + } + /* istanbul ignore else */ + if (type === 'range') { + return this.getRangeDayType(day); + } + return ''; + }, + getBottomInfo(type) { + if (this.data.type === 'range') { + if (type === 'start') { + return '开始'; + } + if (type === 'end') { + return '结束'; + } + if (type === 'start-end') { + return '开始/结束'; + } + } + }, + }, +}); diff --git a/src/wxcomponents/weapp/calendar/components/month/index.json b/src/wxcomponents/weapp/calendar/components/month/index.json new file mode 100644 index 0000000..467ce29 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/components/month/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} diff --git a/src/wxcomponents/weapp/calendar/components/month/index.wxml b/src/wxcomponents/weapp/calendar/components/month/index.wxml new file mode 100644 index 0000000..0c73b2f --- /dev/null +++ b/src/wxcomponents/weapp/calendar/components/month/index.wxml @@ -0,0 +1,39 @@ + + + + + + {{ computed.formatMonthTitle(date) }} + + + + + {{ computed.getMark(date) }} + + + + + {{ item.topInfo }} + {{ item.text }} + + {{ item.bottomInfo }} + + + + + {{ item.topInfo }} + {{ item.text }} + + {{ item.bottomInfo }} + + + + + diff --git a/src/wxcomponents/weapp/calendar/components/month/index.wxs b/src/wxcomponents/weapp/calendar/components/month/index.wxs new file mode 100644 index 0000000..55e45a5 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/components/month/index.wxs @@ -0,0 +1,71 @@ +/* eslint-disable */ +var utils = require('../../utils.wxs'); + +function getMark(date) { + return getDate(date).getMonth() + 1; +} + +var ROW_HEIGHT = 64; + +function getDayStyle(type, index, date, rowHeight, color, firstDayOfWeek) { + var style = []; + var current = getDate(date).getDay() || 7; + var offset = current < firstDayOfWeek ? (7 - firstDayOfWeek + current) : + current === 7 && firstDayOfWeek === 0 ? 0 : + (current - firstDayOfWeek); + + if (index === 0) { + style.push(['margin-left', (100 * offset) / 7 + '%']); + } + + if (rowHeight !== ROW_HEIGHT) { + style.push(['height', rowHeight + 'px']); + } + + if (color) { + if ( + type === 'start' || + type === 'end' || + type === 'start-end' || + type === 'multiple-selected' || + type === 'multiple-middle' + ) { + style.push(['background', color]); + } else if (type === 'middle') { + style.push(['color', color]); + } + } + + return style + .map(function(item) { + return item.join(':'); + }) + .join(';'); +} + +function formatMonthTitle(date) { + date = getDate(date); + return date.getFullYear() + '年' + (date.getMonth() + 1) + '月'; +} + +function getMonthStyle(visible, date, rowHeight) { + if (!visible) { + date = getDate(date); + + var totalDay = utils.getMonthEndDay( + date.getFullYear(), + date.getMonth() + 1 + ); + var offset = getDate(date).getDay(); + var padding = Math.ceil((totalDay + offset) / 7) * rowHeight; + + return 'padding-bottom:' + padding + 'px'; + } +} + +module.exports = { + getMark: getMark, + getDayStyle: getDayStyle, + formatMonthTitle: formatMonthTitle, + getMonthStyle: getMonthStyle +}; diff --git a/src/wxcomponents/weapp/calendar/components/month/index.wxss b/src/wxcomponents/weapp/calendar/components/month/index.wxss new file mode 100644 index 0000000..9aee73d --- /dev/null +++ b/src/wxcomponents/weapp/calendar/components/month/index.wxss @@ -0,0 +1 @@ +@import '../../../common/index.wxss';.van-calendar{background-color:var(--calendar-background-color,#fff);display:flex;flex-direction:column;height:100%}.van-calendar__month-title{font-size:var(--calendar-month-title-font-size,14px);font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.van-calendar__days{display:flex;flex-wrap:wrap;position:relative;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{color:var(--calendar-month-mark-color,rgba(242,243,245,.8));font-size:var(--calendar-month-mark-font-size,160px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.van-calendar__day,.van-calendar__selected-day{align-items:center;display:flex;justify-content:center;text-align:center}.van-calendar__day{font-size:var(--calendar-day-font-size,16px);height:var(--calendar-day-height,64px);position:relative;width:14.285%}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{background-color:var(--calendar-range-edge-background-color,#ee0a24);color:var(--calendar-range-edge-color,#fff)}.van-calendar__day--start{border-radius:4px 0 0 4px}.van-calendar__day--end{border-radius:0 4px 4px 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:4px}.van-calendar__day--middle{color:var(--calendar-range-middle-color,#ee0a24)}.van-calendar__day--middle:after{background-color:currentColor;bottom:0;content:"";left:0;opacity:var(--calendar-range-middle-background-opacity,.1);position:absolute;right:0;top:0}.van-calendar__day--disabled{color:var(--calendar-day-disabled-color,#c8c9cc);cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{font-size:var(--calendar-info-font-size,10px);left:0;line-height:var(--calendar-info-line-height,14px);position:absolute;right:0}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{background-color:var(--calendar-selected-day-background-color,#ee0a24);border-radius:4px;color:var(--calendar-selected-day-color,#fff);height:var(--calendar-selected-day-size,54px);width:var(--calendar-selected-day-size,54px)} \ No newline at end of file diff --git a/src/wxcomponents/weapp/calendar/index.d.ts b/src/wxcomponents/weapp/calendar/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/calendar/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/calendar/index.js b/src/wxcomponents/weapp/calendar/index.js new file mode 100644 index 0000000..3b7b454 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/index.js @@ -0,0 +1,337 @@ +import { VantComponent } from '../common/component'; +import { ROW_HEIGHT, getPrevDay, getNextDay, getToday, compareDay, copyDates, calcDateNum, formatMonthTitle, compareMonth, getMonths, getDayByOffset, } from './utils'; +import Toast from '../toast/toast'; +import { requestAnimationFrame } from '../common/utils'; +const initialMinDate = getToday().getTime(); +const initialMaxDate = (() => { + const now = getToday(); + return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate()).getTime(); +})(); +const getTime = (date) => date instanceof Date ? date.getTime() : date; +VantComponent({ + props: { + title: { + type: String, + value: '日期选择', + }, + color: String, + show: { + type: Boolean, + observer(val) { + if (val) { + this.initRect(); + this.scrollIntoView(); + } + }, + }, + formatter: null, + confirmText: { + type: String, + value: '确定', + }, + confirmDisabledText: { + type: String, + value: '确定', + }, + rangePrompt: String, + showRangePrompt: { + type: Boolean, + value: true, + }, + defaultDate: { + type: null, + observer(val) { + this.setData({ currentDate: val }); + this.scrollIntoView(); + }, + }, + allowSameDay: Boolean, + type: { + type: String, + value: 'single', + observer: 'reset', + }, + minDate: { + type: Number, + value: initialMinDate, + }, + maxDate: { + type: Number, + value: initialMaxDate, + }, + position: { + type: String, + value: 'bottom', + }, + rowHeight: { + type: null, + value: ROW_HEIGHT, + }, + round: { + type: Boolean, + value: true, + }, + poppable: { + type: Boolean, + value: true, + }, + showMark: { + type: Boolean, + value: true, + }, + showTitle: { + type: Boolean, + value: true, + }, + showConfirm: { + type: Boolean, + value: true, + }, + showSubtitle: { + type: Boolean, + value: true, + }, + safeAreaInsetBottom: { + type: Boolean, + value: true, + }, + closeOnClickOverlay: { + type: Boolean, + value: true, + }, + maxRange: { + type: null, + value: null, + }, + firstDayOfWeek: { + type: Number, + value: 0, + }, + readonly: Boolean, + }, + data: { + subtitle: '', + currentDate: null, + scrollIntoView: '', + }, + created() { + this.setData({ + currentDate: this.getInitialDate(this.data.defaultDate), + }); + }, + mounted() { + if (this.data.show || !this.data.poppable) { + this.initRect(); + this.scrollIntoView(); + } + }, + methods: { + reset() { + this.setData({ currentDate: this.getInitialDate() }); + this.scrollIntoView(); + }, + initRect() { + if (this.contentObserver != null) { + this.contentObserver.disconnect(); + } + const contentObserver = this.createIntersectionObserver({ + thresholds: [0, 0.1, 0.9, 1], + observeAll: true, + }); + this.contentObserver = contentObserver; + contentObserver.relativeTo('.van-calendar__body'); + contentObserver.observe('.month', (res) => { + if (res.boundingClientRect.top <= res.relativeRect.top) { + // @ts-ignore + this.setData({ subtitle: formatMonthTitle(res.dataset.date) }); + } + }); + }, + limitDateRange(date, minDate = null, maxDate = null) { + minDate = minDate || this.data.minDate; + maxDate = maxDate || this.data.maxDate; + if (compareDay(date, minDate) === -1) { + return minDate; + } + if (compareDay(date, maxDate) === 1) { + return maxDate; + } + return date; + }, + getInitialDate(defaultDate = null) { + const { type, minDate, maxDate } = this.data; + const now = getToday().getTime(); + if (type === 'range') { + if (!Array.isArray(defaultDate)) { + defaultDate = []; + } + const [startDay, endDay] = defaultDate || []; + const start = this.limitDateRange(startDay || now, minDate, getPrevDay(new Date(maxDate)).getTime()); + const end = this.limitDateRange(endDay || now, getNextDay(new Date(minDate)).getTime()); + return [start, end]; + } + if (type === 'multiple') { + if (Array.isArray(defaultDate)) { + return defaultDate.map((date) => this.limitDateRange(date)); + } + return [this.limitDateRange(now)]; + } + if (!defaultDate || Array.isArray(defaultDate)) { + defaultDate = now; + } + return this.limitDateRange(defaultDate); + }, + scrollIntoView() { + requestAnimationFrame(() => { + const { currentDate, type, show, poppable, minDate, maxDate } = this.data; + // @ts-ignore + const targetDate = type === 'single' ? currentDate : currentDate[0]; + const displayed = show || !poppable; + if (!targetDate || !displayed) { + return; + } + const months = getMonths(minDate, maxDate); + months.some((month, index) => { + if (compareMonth(month, targetDate) === 0) { + this.setData({ scrollIntoView: `month${index}` }); + return true; + } + return false; + }); + }); + }, + onOpen() { + this.$emit('open'); + }, + onOpened() { + this.$emit('opened'); + }, + onClose() { + this.$emit('close'); + }, + onClosed() { + this.$emit('closed'); + }, + onClickDay(event) { + if (this.data.readonly) { + return; + } + let { date } = event.detail; + const { type, currentDate, allowSameDay } = this.data; + if (type === 'range') { + // @ts-ignore + const [startDay, endDay] = currentDate; + if (startDay && !endDay) { + const compareToStart = compareDay(date, startDay); + if (compareToStart === 1) { + const { days } = this.selectComponent('.month').data; + days.some((day, index) => { + const isDisabled = day.type === 'disabled' && + getTime(startDay) < getTime(day.date) && + getTime(day.date) < getTime(date); + if (isDisabled) { + ({ date } = days[index - 1]); + } + return isDisabled; + }); + this.select([startDay, date], true); + } + else if (compareToStart === -1) { + this.select([date, null]); + } + else if (allowSameDay) { + this.select([date, date]); + } + } + else { + this.select([date, null]); + } + } + else if (type === 'multiple') { + let selectedIndex; + // @ts-ignore + const selected = currentDate.some((dateItem, index) => { + const equal = compareDay(dateItem, date) === 0; + if (equal) { + selectedIndex = index; + } + return equal; + }); + if (selected) { + // @ts-ignore + const cancelDate = currentDate.splice(selectedIndex, 1); + this.setData({ currentDate }); + this.unselect(cancelDate); + } + else { + // @ts-ignore + this.select([...currentDate, date]); + } + } + else { + this.select(date, true); + } + }, + unselect(dateArray) { + const date = dateArray[0]; + if (date) { + this.$emit('unselect', copyDates(date)); + } + }, + select(date, complete) { + if (complete && this.data.type === 'range') { + const valid = this.checkRange(date); + if (!valid) { + // auto selected to max range if showConfirm + if (this.data.showConfirm) { + this.emit([ + date[0], + getDayByOffset(date[0], this.data.maxRange - 1), + ]); + } + else { + this.emit(date); + } + return; + } + } + this.emit(date); + if (complete && !this.data.showConfirm) { + this.onConfirm(); + } + }, + emit(date) { + this.setData({ + currentDate: Array.isArray(date) ? date.map(getTime) : getTime(date), + }); + this.$emit('select', copyDates(date)); + }, + checkRange(date) { + const { maxRange, rangePrompt, showRangePrompt } = this.data; + if (maxRange && calcDateNum(date) > maxRange) { + if (showRangePrompt) { + Toast({ + context: this, + message: rangePrompt || `选择天数不能超过 ${maxRange} 天`, + }); + } + this.$emit('over-range'); + return false; + } + return true; + }, + onConfirm() { + if (this.data.type === 'range' && + !this.checkRange(this.data.currentDate)) { + return; + } + wx.nextTick(() => { + // @ts-ignore + this.$emit('confirm', copyDates(this.data.currentDate)); + }); + }, + onClickSubtitle(event) { + this.$emit('click-subtitle', event); + }, + }, +}); diff --git a/src/wxcomponents/weapp/calendar/index.json b/src/wxcomponents/weapp/calendar/index.json new file mode 100644 index 0000000..397d5ae --- /dev/null +++ b/src/wxcomponents/weapp/calendar/index.json @@ -0,0 +1,10 @@ +{ + "component": true, + "usingComponents": { + "header": "./components/header/index", + "month": "./components/month/index", + "van-button": "../button/index", + "van-popup": "../popup/index", + "van-toast": "../toast/index" + } +} diff --git a/src/wxcomponents/weapp/calendar/index.wxml b/src/wxcomponents/weapp/calendar/index.wxml new file mode 100644 index 0000000..bc8bcfd --- /dev/null +++ b/src/wxcomponents/weapp/calendar/index.wxml @@ -0,0 +1,25 @@ + + + + + + + + + + + + diff --git a/src/wxcomponents/weapp/calendar/index.wxs b/src/wxcomponents/weapp/calendar/index.wxs new file mode 100644 index 0000000..2c04be1 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/index.wxs @@ -0,0 +1,37 @@ +/* eslint-disable */ +var utils = require('./utils.wxs'); + +function getMonths(minDate, maxDate) { + var months = []; + var cursor = getDate(minDate); + + cursor.setDate(1); + + do { + months.push(cursor.getTime()); + cursor.setMonth(cursor.getMonth() + 1); + } while (utils.compareMonth(cursor, getDate(maxDate)) !== 1); + + return months; +} + +function getButtonDisabled(type, currentDate) { + if (currentDate == null) { + return true; + } + + if (type === 'range') { + return !currentDate[0] || !currentDate[1]; + } + + if (type === 'multiple') { + return !currentDate.length; + } + + return !currentDate; +} + +module.exports = { + getMonths: getMonths, + getButtonDisabled: getButtonDisabled +}; diff --git a/src/wxcomponents/weapp/calendar/index.wxss b/src/wxcomponents/weapp/calendar/index.wxss new file mode 100644 index 0000000..05df518 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-calendar{background-color:var(--calendar-background-color,#fff);display:flex;flex-direction:column;height:var(--calendar-height,100%)}.van-calendar__close-icon{top:11px}.van-calendar__popup--bottom,.van-calendar__popup--top{height:var(--calendar-popup-height,80%)}.van-calendar__popup--left,.van-calendar__popup--right{height:100%}.van-calendar__body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.van-calendar__footer{flex-shrink:0;padding:0 var(--padding-md,16px)}.van-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.van-calendar__footer+.van-calendar__footer,.van-calendar__footer:empty{display:none}.van-calendar__footer:empty+.van-calendar__footer{display:block!important}.van-calendar__confirm{height:var(--calendar-confirm-button-height,36px)!important;line-height:var(--calendar-confirm-button-line-height,34px)!important;margin:var(--calendar-confirm-button-margin,7px 0)!important} \ No newline at end of file diff --git a/src/wxcomponents/weapp/calendar/utils.d.ts b/src/wxcomponents/weapp/calendar/utils.d.ts new file mode 100644 index 0000000..eb710c0 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/utils.d.ts @@ -0,0 +1,12 @@ +export declare const ROW_HEIGHT = 64; +export declare function formatMonthTitle(date: Date): string; +export declare function compareMonth(date1: Date | number, date2: Date | number): 1 | -1 | 0; +export declare function compareDay(day1: Date | number, day2: Date | number): 1 | -1 | 0; +export declare function getDayByOffset(date: Date, offset: number): Date; +export declare function getPrevDay(date: Date): Date; +export declare function getNextDay(date: Date): Date; +export declare function getToday(): Date; +export declare function calcDateNum(date: [Date, Date]): number; +export declare function copyDates(dates: Date | Date[]): Date | Date[]; +export declare function getMonthEndDay(year: number, month: number): number; +export declare function getMonths(minDate: number, maxDate: number): number[]; diff --git a/src/wxcomponents/weapp/calendar/utils.js b/src/wxcomponents/weapp/calendar/utils.js new file mode 100644 index 0000000..83d6971 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/utils.js @@ -0,0 +1,83 @@ +export const ROW_HEIGHT = 64; +export function formatMonthTitle(date) { + if (!(date instanceof Date)) { + date = new Date(date); + } + return `${date.getFullYear()}年${date.getMonth() + 1}月`; +} +export function compareMonth(date1, date2) { + if (!(date1 instanceof Date)) { + date1 = new Date(date1); + } + if (!(date2 instanceof Date)) { + date2 = new Date(date2); + } + const year1 = date1.getFullYear(); + const year2 = date2.getFullYear(); + const month1 = date1.getMonth(); + const month2 = date2.getMonth(); + if (year1 === year2) { + return month1 === month2 ? 0 : month1 > month2 ? 1 : -1; + } + return year1 > year2 ? 1 : -1; +} +export function compareDay(day1, day2) { + if (!(day1 instanceof Date)) { + day1 = new Date(day1); + } + if (!(day2 instanceof Date)) { + day2 = new Date(day2); + } + const compareMonthResult = compareMonth(day1, day2); + if (compareMonthResult === 0) { + const date1 = day1.getDate(); + const date2 = day2.getDate(); + return date1 === date2 ? 0 : date1 > date2 ? 1 : -1; + } + return compareMonthResult; +} +export function getDayByOffset(date, offset) { + date = new Date(date); + date.setDate(date.getDate() + offset); + return date; +} +export function getPrevDay(date) { + return getDayByOffset(date, -1); +} +export function getNextDay(date) { + return getDayByOffset(date, 1); +} +export function getToday() { + const today = new Date(); + today.setHours(0, 0, 0, 0); + return today; +} +export function calcDateNum(date) { + const day1 = new Date(date[0]).getTime(); + const day2 = new Date(date[1]).getTime(); + return (day2 - day1) / (1000 * 60 * 60 * 24) + 1; +} +export function copyDates(dates) { + if (Array.isArray(dates)) { + return dates.map((date) => { + if (date === null) { + return date; + } + return new Date(date); + }); + } + return new Date(dates); +} +export function getMonthEndDay(year, month) { + return 32 - new Date(year, month - 1, 32).getDate(); +} +export function getMonths(minDate, maxDate) { + const months = []; + const cursor = new Date(minDate); + cursor.setDate(1); + do { + months.push(cursor.getTime()); + cursor.setMonth(cursor.getMonth() + 1); + } while (compareMonth(cursor, maxDate) !== 1); + return months; +} diff --git a/src/wxcomponents/weapp/calendar/utils.wxs b/src/wxcomponents/weapp/calendar/utils.wxs new file mode 100644 index 0000000..e57f6b3 --- /dev/null +++ b/src/wxcomponents/weapp/calendar/utils.wxs @@ -0,0 +1,25 @@ +/* eslint-disable */ +function getMonthEndDay(year, month) { + return 32 - getDate(year, month - 1, 32).getDate(); +} + +function compareMonth(date1, date2) { + date1 = getDate(date1); + date2 = getDate(date2); + + var year1 = date1.getFullYear(); + var year2 = date2.getFullYear(); + var month1 = date1.getMonth(); + var month2 = date2.getMonth(); + + if (year1 === year2) { + return month1 === month2 ? 0 : month1 > month2 ? 1 : -1; + } + + return year1 > year2 ? 1 : -1; +} + +module.exports = { + getMonthEndDay: getMonthEndDay, + compareMonth: compareMonth +}; diff --git a/src/wxcomponents/weapp/card/index.d.ts b/src/wxcomponents/weapp/card/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/card/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/card/index.js b/src/wxcomponents/weapp/card/index.js new file mode 100644 index 0000000..5bbd212 --- /dev/null +++ b/src/wxcomponents/weapp/card/index.js @@ -0,0 +1,49 @@ +import { link } from '../mixins/link'; +import { VantComponent } from '../common/component'; +VantComponent({ + classes: [ + 'num-class', + 'desc-class', + 'thumb-class', + 'title-class', + 'price-class', + 'origin-price-class', + ], + mixins: [link], + props: { + tag: String, + num: String, + desc: String, + thumb: String, + title: String, + price: { + type: String, + observer: 'updatePrice', + }, + centered: Boolean, + lazyLoad: Boolean, + thumbLink: String, + originPrice: String, + thumbMode: { + type: String, + value: 'aspectFit', + }, + currency: { + type: String, + value: '¥', + }, + }, + methods: { + updatePrice() { + const { price } = this.data; + const priceArr = price.toString().split('.'); + this.setData({ + integerStr: priceArr[0], + decimalStr: priceArr[1] ? `.${priceArr[1]}` : '', + }); + }, + onClickThumb() { + this.jumpLink('thumbLink'); + }, + }, +}); diff --git a/src/wxcomponents/weapp/card/index.json b/src/wxcomponents/weapp/card/index.json new file mode 100644 index 0000000..e917407 --- /dev/null +++ b/src/wxcomponents/weapp/card/index.json @@ -0,0 +1,6 @@ +{ + "component": true, + "usingComponents": { + "van-tag": "../tag/index" + } +} diff --git a/src/wxcomponents/weapp/card/index.wxml b/src/wxcomponents/weapp/card/index.wxml new file mode 100644 index 0000000..62173e4 --- /dev/null +++ b/src/wxcomponents/weapp/card/index.wxml @@ -0,0 +1,56 @@ + + + + + + + + + {{ tag }} + + + + + + + {{ title }} + + + {{ desc }} + + + + + + + + + {{ currency }} + {{ integerStr }} + {{ decimalStr }} + + + {{ currency }} {{ originPrice }} + + x {{ num }} + + + + + + + + + + diff --git a/src/wxcomponents/weapp/card/index.wxss b/src/wxcomponents/weapp/card/index.wxss new file mode 100644 index 0000000..0f4d7c5 --- /dev/null +++ b/src/wxcomponents/weapp/card/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-card{background-color:var(--card-background-color,#fafafa);box-sizing:border-box;color:var(--card-text-color,#323233);font-size:var(--card-font-size,12px);padding:var(--card-padding,8px 16px);position:relative}.van-card__header{display:flex}.van-card__header--center{align-items:center;justify-content:center}.van-card__thumb{flex:none;height:var(--card-thumb-size,88px);margin-right:var(--padding-xs,8px);position:relative;width:var(--card-thumb-size,88px)}.van-card__thumb:empty{display:none}.van-card__img{border-radius:8px;height:100%;width:100%}.van-card__content{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:var(--card-thumb-size,88px);min-width:0;position:relative}.van-card__content--center{justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:var(--card-title-line-height,16px)}.van-card__desc{color:var(--card-desc-color,#646566);line-height:var(--card-desc-line-height,20px)}.van-card__bottom{line-height:20px}.van-card__price{color:var(--card-price-color,#ee0a24);display:inline-block;font-size:var(--card-price-font-size,12px);font-weight:700}.van-card__price-integer{font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{color:var(--card-origin-price-color,#646566);display:inline-block;font-size:var(--card-origin-price-font-size,10px);margin-left:5px;text-decoration:line-through}.van-card__num{float:right}.van-card__tag{left:0;position:absolute!important;top:2px}.van-card__footer{flex:none;text-align:right;width:100%} \ No newline at end of file diff --git a/src/wxcomponents/weapp/cell-group/index.d.ts b/src/wxcomponents/weapp/cell-group/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/cell-group/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/cell-group/index.js b/src/wxcomponents/weapp/cell-group/index.js new file mode 100644 index 0000000..170760f --- /dev/null +++ b/src/wxcomponents/weapp/cell-group/index.js @@ -0,0 +1,11 @@ +import { VantComponent } from '../common/component'; +VantComponent({ + props: { + title: String, + border: { + type: Boolean, + value: true, + }, + inset: Boolean, + }, +}); diff --git a/src/wxcomponents/weapp/cell-group/index.json b/src/wxcomponents/weapp/cell-group/index.json new file mode 100644 index 0000000..467ce29 --- /dev/null +++ b/src/wxcomponents/weapp/cell-group/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} diff --git a/src/wxcomponents/weapp/cell-group/index.wxml b/src/wxcomponents/weapp/cell-group/index.wxml new file mode 100644 index 0000000..311e064 --- /dev/null +++ b/src/wxcomponents/weapp/cell-group/index.wxml @@ -0,0 +1,11 @@ + + + + {{ title }} + + + + diff --git a/src/wxcomponents/weapp/cell-group/index.wxss b/src/wxcomponents/weapp/cell-group/index.wxss new file mode 100644 index 0000000..08b252f --- /dev/null +++ b/src/wxcomponents/weapp/cell-group/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-cell-group--inset{border-radius:var(--cell-group-inset-border-radius,8px);margin:var(--cell-group-inset-padding,0 16px);overflow:hidden}.van-cell-group__title{color:var(--cell-group-title-color,#969799);font-size:var(--cell-group-title-font-size,14px);line-height:var(--cell-group-title-line-height,16px);padding:var(--cell-group-title-padding,16px 16px 8px)}.van-cell-group__title--inset{padding:var(--cell-group-inset-title-padding,16px 16px 8px 32px)} \ No newline at end of file diff --git a/src/wxcomponents/weapp/cell/index.d.ts b/src/wxcomponents/weapp/cell/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/cell/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/cell/index.js b/src/wxcomponents/weapp/cell/index.js new file mode 100644 index 0000000..35548b9 --- /dev/null +++ b/src/wxcomponents/weapp/cell/index.js @@ -0,0 +1,38 @@ +import { link } from '../mixins/link'; +import { VantComponent } from '../common/component'; +VantComponent({ + classes: [ + 'title-class', + 'label-class', + 'value-class', + 'right-icon-class', + 'hover-class', + ], + mixins: [link], + props: { + title: null, + value: null, + icon: String, + size: String, + label: String, + center: Boolean, + isLink: Boolean, + required: Boolean, + clickable: Boolean, + titleWidth: String, + customStyle: String, + arrowDirection: String, + useLabelSlot: Boolean, + border: { + type: Boolean, + value: true, + }, + titleStyle: String, + }, + methods: { + onClick(event) { + this.$emit('click', event.detail); + this.jumpLink(); + }, + }, +}); diff --git a/src/wxcomponents/weapp/cell/index.json b/src/wxcomponents/weapp/cell/index.json new file mode 100644 index 0000000..0a336c0 --- /dev/null +++ b/src/wxcomponents/weapp/cell/index.json @@ -0,0 +1,6 @@ +{ + "component": true, + "usingComponents": { + "van-icon": "../icon/index" + } +} diff --git a/src/wxcomponents/weapp/cell/index.wxml b/src/wxcomponents/weapp/cell/index.wxml new file mode 100644 index 0000000..8387c3c --- /dev/null +++ b/src/wxcomponents/weapp/cell/index.wxml @@ -0,0 +1,47 @@ + + + + + + + + + + {{ title }} + + + + + {{ label }} + + + + + {{ value }} + + + + + + + + diff --git a/src/wxcomponents/weapp/cell/index.wxs b/src/wxcomponents/weapp/cell/index.wxs new file mode 100644 index 0000000..e3500c4 --- /dev/null +++ b/src/wxcomponents/weapp/cell/index.wxs @@ -0,0 +1,17 @@ +/* eslint-disable */ +var style = require('../wxs/style.wxs'); +var addUnit = require('../wxs/add-unit.wxs'); + +function titleStyle(data) { + return style([ + { + 'max-width': addUnit(data.titleWidth), + 'min-width': addUnit(data.titleWidth), + }, + data.titleStyle, + ]); +} + +module.exports = { + titleStyle: titleStyle, +}; diff --git a/src/wxcomponents/weapp/cell/index.wxss b/src/wxcomponents/weapp/cell/index.wxss new file mode 100644 index 0000000..1802f8e --- /dev/null +++ b/src/wxcomponents/weapp/cell/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-cell{background-color:var(--cell-background-color,#fff);box-sizing:border-box;color:var(--cell-text-color,#323233);display:flex;font-size:var(--cell-font-size,14px);line-height:var(--cell-line-height,24px);padding:var(--cell-vertical-padding,10px) var(--cell-horizontal-padding,16px);position:relative;width:100%}.van-cell:after{border-bottom:1px solid #ebedf0;bottom:0;box-sizing:border-box;content:" ";left:16px;pointer-events:none;position:absolute;right:16px;transform:scaleY(.5);transform-origin:center}.van-cell--borderless:after{display:none}.van-cell-group{background-color:var(--cell-background-color,#fff)}.van-cell__label{color:var(--cell-label-color,#969799);font-size:var(--cell-label-font-size,12px);line-height:var(--cell-label-line-height,18px);margin-top:var(--cell-label-margin-top,3px)}.van-cell__value{color:var(--cell-value-color,#969799);overflow:hidden;text-align:right;vertical-align:middle}.van-cell__title,.van-cell__value{flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{align-items:center;display:flex;font-size:var(--cell-icon-size,16px);height:var(--cell-line-height,24px)}.van-cell__left-icon-wrap{margin-right:var(--padding-base,4px)}.van-cell__right-icon-wrap{color:var(--cell-right-icon-color,#969799);margin-left:var(--padding-base,4px)}.van-cell__left-icon{vertical-align:middle}.van-cell__left-icon,.van-cell__right-icon{line-height:var(--cell-line-height,24px)}.van-cell--clickable.van-cell--hover{background-color:var(--cell-active-color,#f2f3f5)}.van-cell--required{overflow:visible}.van-cell--required:before{color:var(--cell-required-color,#ee0a24);content:"*";font-size:var(--cell-font-size,14px);left:var(--padding-xs,8px);position:absolute}.van-cell--center{align-items:center}.van-cell--large{padding-bottom:var(--cell-large-vertical-padding,12px);padding-top:var(--cell-large-vertical-padding,12px)}.van-cell--large .van-cell__title{font-size:var(--cell-large-title-font-size,16px)}.van-cell--large .van-cell__value{font-size:var(--cell-large-value-font-size,16px)}.van-cell--large .van-cell__label{font-size:var(--cell-large-label-font-size,14px)} \ No newline at end of file diff --git a/src/wxcomponents/weapp/checkbox-group/index.d.ts b/src/wxcomponents/weapp/checkbox-group/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/checkbox-group/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/checkbox-group/index.js b/src/wxcomponents/weapp/checkbox-group/index.js new file mode 100644 index 0000000..c47d97d --- /dev/null +++ b/src/wxcomponents/weapp/checkbox-group/index.js @@ -0,0 +1,36 @@ +import { useChildren } from '../common/relation'; +import { VantComponent } from '../common/component'; +VantComponent({ + field: true, + relation: useChildren('checkbox', function (target) { + this.updateChild(target); + }), + props: { + max: Number, + value: { + type: Array, + observer: 'updateChildren', + }, + disabled: { + type: Boolean, + observer: 'updateChildren', + }, + direction: { + type: String, + value: 'vertical', + }, + }, + methods: { + updateChildren() { + this.children.forEach((child) => this.updateChild(child)); + }, + updateChild(child) { + const { value, disabled, direction } = this.data; + child.setData({ + value: value.indexOf(child.data.name) !== -1, + parentDisabled: disabled, + direction, + }); + }, + }, +}); diff --git a/src/wxcomponents/weapp/checkbox-group/index.json b/src/wxcomponents/weapp/checkbox-group/index.json new file mode 100644 index 0000000..467ce29 --- /dev/null +++ b/src/wxcomponents/weapp/checkbox-group/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} diff --git a/src/wxcomponents/weapp/checkbox-group/index.wxml b/src/wxcomponents/weapp/checkbox-group/index.wxml new file mode 100644 index 0000000..638bf9d --- /dev/null +++ b/src/wxcomponents/weapp/checkbox-group/index.wxml @@ -0,0 +1,5 @@ + + + + + diff --git a/src/wxcomponents/weapp/checkbox-group/index.wxss b/src/wxcomponents/weapp/checkbox-group/index.wxss new file mode 100644 index 0000000..c5666d7 --- /dev/null +++ b/src/wxcomponents/weapp/checkbox-group/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-checkbox-group--horizontal{display:flex;flex-wrap:wrap} \ No newline at end of file diff --git a/src/wxcomponents/weapp/checkbox/index.d.ts b/src/wxcomponents/weapp/checkbox/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/checkbox/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/checkbox/index.js b/src/wxcomponents/weapp/checkbox/index.js new file mode 100644 index 0000000..e3b78ab --- /dev/null +++ b/src/wxcomponents/weapp/checkbox/index.js @@ -0,0 +1,77 @@ +import { useParent } from '../common/relation'; +import { VantComponent } from '../common/component'; +function emit(target, value) { + target.$emit('input', value); + target.$emit('change', value); +} +VantComponent({ + field: true, + relation: useParent('checkbox-group'), + classes: ['icon-class', 'label-class'], + props: { + value: Boolean, + disabled: Boolean, + useIconSlot: Boolean, + checkedColor: String, + labelPosition: { + type: String, + value: 'right', + }, + labelDisabled: Boolean, + shape: { + type: String, + value: 'round', + }, + iconSize: { + type: null, + value: 20, + }, + }, + data: { + parentDisabled: false, + direction: 'vertical', + }, + methods: { + emitChange(value) { + if (this.parent) { + this.setParentValue(this.parent, value); + } + else { + emit(this, value); + } + }, + toggle() { + const { parentDisabled, disabled, value } = this.data; + if (!disabled && !parentDisabled) { + this.emitChange(!value); + } + }, + onClickLabel() { + const { labelDisabled, parentDisabled, disabled, value } = this.data; + if (!disabled && !labelDisabled && !parentDisabled) { + this.emitChange(!value); + } + }, + setParentValue(parent, value) { + const parentValue = parent.data.value.slice(); + const { name } = this.data; + const { max } = parent.data; + if (value) { + if (max && parentValue.length >= max) { + return; + } + if (parentValue.indexOf(name) === -1) { + parentValue.push(name); + emit(parent, parentValue); + } + } + else { + const index = parentValue.indexOf(name); + if (index !== -1) { + parentValue.splice(index, 1); + emit(parent, parentValue); + } + } + }, + }, +}); diff --git a/src/wxcomponents/weapp/checkbox/index.json b/src/wxcomponents/weapp/checkbox/index.json new file mode 100644 index 0000000..0a336c0 --- /dev/null +++ b/src/wxcomponents/weapp/checkbox/index.json @@ -0,0 +1,6 @@ +{ + "component": true, + "usingComponents": { + "van-icon": "../icon/index" + } +} diff --git a/src/wxcomponents/weapp/checkbox/index.wxml b/src/wxcomponents/weapp/checkbox/index.wxml new file mode 100644 index 0000000..39a7bb0 --- /dev/null +++ b/src/wxcomponents/weapp/checkbox/index.wxml @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + diff --git a/src/wxcomponents/weapp/checkbox/index.wxs b/src/wxcomponents/weapp/checkbox/index.wxs new file mode 100644 index 0000000..eb9c772 --- /dev/null +++ b/src/wxcomponents/weapp/checkbox/index.wxs @@ -0,0 +1,20 @@ +/* eslint-disable */ +var style = require('../wxs/style.wxs'); +var addUnit = require('../wxs/add-unit.wxs'); + +function iconStyle(checkedColor, value, disabled, parentDisabled, iconSize) { + var styles = { + 'font-size': addUnit(iconSize), + }; + + if (checkedColor && value && !disabled && !parentDisabled) { + styles['border-color'] = checkedColor; + styles['background-color'] = checkedColor; + } + + return style(styles); +} + +module.exports = { + iconStyle: iconStyle, +}; diff --git a/src/wxcomponents/weapp/checkbox/index.wxss b/src/wxcomponents/weapp/checkbox/index.wxss new file mode 100644 index 0000000..da2272a --- /dev/null +++ b/src/wxcomponents/weapp/checkbox/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-checkbox{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox--horizontal{margin-right:12px}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:var(--checkbox-size,20px)}.van-checkbox__icon-wrap{flex:none}.van-checkbox__icon{align-items:center;border:1px solid var(--checkbox-border-color,#c8c9cc);box-sizing:border-box;color:transparent;display:flex;font-size:var(--checkbox-size,20px);height:1em;justify-content:center;text-align:center;transition-duration:var(--checkbox-transition-duration,.2s);transition-property:color,border-color,background-color;width:1em}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:var(--checkbox-checked-icon-color,#1989fa);color:#fff}.van-checkbox__icon--disabled{background-color:var(--checkbox-disabled-background-color,#ebedf0);border-color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__label{word-wrap:break-word;color:var(--checkbox-label-color,#323233);padding-left:var(--checkbox-label-margin,10px)}.van-checkbox__label--left{float:left;margin:0 var(--checkbox-label-margin,10px) 0 0}.van-checkbox__label--disabled{color:var(--checkbox-disabled-label-color,#c8c9cc)}.van-checkbox__label:empty{margin:0} \ No newline at end of file diff --git a/src/wxcomponents/weapp/circle/canvas.d.ts b/src/wxcomponents/weapp/circle/canvas.d.ts new file mode 100644 index 0000000..15268c9 --- /dev/null +++ b/src/wxcomponents/weapp/circle/canvas.d.ts @@ -0,0 +1,4 @@ +/// +declare type CanvasContext = WechatMiniprogram.CanvasContext; +export declare function adaptor(ctx: CanvasContext & Record): CanvasContext; +export {}; diff --git a/src/wxcomponents/weapp/circle/canvas.js b/src/wxcomponents/weapp/circle/canvas.js new file mode 100644 index 0000000..3ade4cd --- /dev/null +++ b/src/wxcomponents/weapp/circle/canvas.js @@ -0,0 +1,43 @@ +export function adaptor(ctx) { + // @ts-ignore + return Object.assign(ctx, { + setStrokeStyle(val) { + ctx.strokeStyle = val; + }, + setLineWidth(val) { + ctx.lineWidth = val; + }, + setLineCap(val) { + ctx.lineCap = val; + }, + setFillStyle(val) { + ctx.fillStyle = val; + }, + setFontSize(val) { + ctx.font = String(val); + }, + setGlobalAlpha(val) { + ctx.globalAlpha = val; + }, + setLineJoin(val) { + ctx.lineJoin = val; + }, + setTextAlign(val) { + ctx.textAlign = val; + }, + setMiterLimit(val) { + ctx.miterLimit = val; + }, + setShadow(offsetX, offsetY, blur, color) { + ctx.shadowOffsetX = offsetX; + ctx.shadowOffsetY = offsetY; + ctx.shadowBlur = blur; + ctx.shadowColor = color; + }, + setTextBaseline(val) { + ctx.textBaseline = val; + }, + createCircularGradient() { }, + draw() { }, + }); +} diff --git a/src/wxcomponents/weapp/circle/index.d.ts b/src/wxcomponents/weapp/circle/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/circle/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/circle/index.js b/src/wxcomponents/weapp/circle/index.js new file mode 100644 index 0000000..2a4baf5 --- /dev/null +++ b/src/wxcomponents/weapp/circle/index.js @@ -0,0 +1,193 @@ +import { BLUE, WHITE } from '../common/color'; +import { VantComponent } from '../common/component'; +import { getSystemInfoSync } from '../common/utils'; +import { isObj } from '../common/validator'; +import { canIUseCanvas2d } from '../common/version'; +import { adaptor } from './canvas'; +function format(rate) { + return Math.min(Math.max(rate, 0), 100); +} +const PERIMETER = 2 * Math.PI; +const BEGIN_ANGLE = -Math.PI / 2; +const STEP = 1; +VantComponent({ + props: { + text: String, + lineCap: { + type: String, + value: 'round', + }, + value: { + type: Number, + value: 0, + observer: 'reRender', + }, + speed: { + type: Number, + value: 50, + }, + size: { + type: Number, + value: 100, + observer() { + this.drawCircle(this.currentValue); + }, + }, + fill: String, + layerColor: { + type: String, + value: WHITE, + }, + color: { + type: null, + value: BLUE, + observer() { + this.setHoverColor().then(() => { + this.drawCircle(this.currentValue); + }); + }, + }, + type: { + type: String, + value: '', + }, + strokeWidth: { + type: Number, + value: 4, + }, + clockwise: { + type: Boolean, + value: true, + }, + }, + data: { + hoverColor: BLUE, + }, + methods: { + getContext() { + const { type, size } = this.data; + if (type === '' || !canIUseCanvas2d()) { + const ctx = wx.createCanvasContext('van-circle', this); + return Promise.resolve(ctx); + } + const dpr = getSystemInfoSync().pixelRatio; + return new Promise((resolve) => { + wx.createSelectorQuery() + .in(this) + .select('#van-circle') + .node() + .exec((res) => { + const canvas = res[0].node; + const ctx = canvas.getContext(type); + if (!this.inited) { + this.inited = true; + canvas.width = size * dpr; + canvas.height = size * dpr; + ctx.scale(dpr, dpr); + } + resolve(adaptor(ctx)); + }); + }); + }, + setHoverColor() { + const { color, size } = this.data; + if (isObj(color)) { + return this.getContext().then((context) => { + const LinearColor = context.createLinearGradient(size, 0, 0, 0); + Object.keys(color) + .sort((a, b) => parseFloat(a) - parseFloat(b)) + .map((key) => LinearColor.addColorStop(parseFloat(key) / 100, color[key])); + this.hoverColor = LinearColor; + }); + } + this.hoverColor = color; + return Promise.resolve(); + }, + presetCanvas(context, strokeStyle, beginAngle, endAngle, fill) { + const { strokeWidth, lineCap, clockwise, size } = this.data; + const position = size / 2; + const radius = position - strokeWidth / 2; + context.setStrokeStyle(strokeStyle); + context.setLineWidth(strokeWidth); + context.setLineCap(lineCap); + context.beginPath(); + context.arc(position, position, radius, beginAngle, endAngle, !clockwise); + context.stroke(); + if (fill) { + context.setFillStyle(fill); + context.fill(); + } + }, + renderLayerCircle(context) { + const { layerColor, fill } = this.data; + this.presetCanvas(context, layerColor, 0, PERIMETER, fill); + }, + renderHoverCircle(context, formatValue) { + const { clockwise } = this.data; + // 结束角度 + const progress = PERIMETER * (formatValue / 100); + const endAngle = clockwise + ? BEGIN_ANGLE + progress + : 3 * Math.PI - (BEGIN_ANGLE + progress); + this.presetCanvas(context, this.hoverColor, BEGIN_ANGLE, endAngle); + }, + drawCircle(currentValue) { + const { size } = this.data; + this.getContext().then((context) => { + context.clearRect(0, 0, size, size); + this.renderLayerCircle(context); + const formatValue = format(currentValue); + if (formatValue !== 0) { + this.renderHoverCircle(context, formatValue); + } + context.draw(); + }); + }, + reRender() { + // tofector 动画暂时没有想到好的解决方案 + const { value, speed } = this.data; + if (speed <= 0 || speed > 1000) { + this.drawCircle(value); + return; + } + this.clearMockInterval(); + this.currentValue = this.currentValue || 0; + const run = () => { + this.interval = setTimeout(() => { + if (this.currentValue !== value) { + if (Math.abs(this.currentValue - value) < STEP) { + this.currentValue = value; + } + else if (this.currentValue < value) { + this.currentValue += STEP; + } + else { + this.currentValue -= STEP; + } + this.drawCircle(this.currentValue); + run(); + } + else { + this.clearMockInterval(); + } + }, 1000 / speed); + }; + run(); + }, + clearMockInterval() { + if (this.interval) { + clearTimeout(this.interval); + this.interval = null; + } + }, + }, + mounted() { + this.currentValue = this.data.value; + this.setHoverColor().then(() => { + this.drawCircle(this.currentValue); + }); + }, + destroyed() { + this.clearMockInterval(); + }, +}); diff --git a/src/wxcomponents/weapp/circle/index.json b/src/wxcomponents/weapp/circle/index.json new file mode 100644 index 0000000..467ce29 --- /dev/null +++ b/src/wxcomponents/weapp/circle/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} diff --git a/src/wxcomponents/weapp/circle/index.wxml b/src/wxcomponents/weapp/circle/index.wxml new file mode 100644 index 0000000..52bc59f --- /dev/null +++ b/src/wxcomponents/weapp/circle/index.wxml @@ -0,0 +1,9 @@ + + + + + + + + {{ text }} + diff --git a/src/wxcomponents/weapp/circle/index.wxss b/src/wxcomponents/weapp/circle/index.wxss new file mode 100644 index 0000000..2200751 --- /dev/null +++ b/src/wxcomponents/weapp/circle/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-circle{display:inline-block;position:relative;text-align:center}.van-circle__text{color:var(--circle-text-color,#323233);left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%} \ No newline at end of file diff --git a/src/wxcomponents/weapp/col/index.d.ts b/src/wxcomponents/weapp/col/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/col/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/col/index.js b/src/wxcomponents/weapp/col/index.js new file mode 100644 index 0000000..02bb78d --- /dev/null +++ b/src/wxcomponents/weapp/col/index.js @@ -0,0 +1,9 @@ +import { useParent } from '../common/relation'; +import { VantComponent } from '../common/component'; +VantComponent({ + relation: useParent('row'), + props: { + span: Number, + offset: Number, + }, +}); diff --git a/src/wxcomponents/weapp/col/index.json b/src/wxcomponents/weapp/col/index.json new file mode 100644 index 0000000..467ce29 --- /dev/null +++ b/src/wxcomponents/weapp/col/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} diff --git a/src/wxcomponents/weapp/col/index.wxml b/src/wxcomponents/weapp/col/index.wxml new file mode 100644 index 0000000..975348b --- /dev/null +++ b/src/wxcomponents/weapp/col/index.wxml @@ -0,0 +1,9 @@ + + + + + + diff --git a/src/wxcomponents/weapp/col/index.wxs b/src/wxcomponents/weapp/col/index.wxs new file mode 100644 index 0000000..507c1cb --- /dev/null +++ b/src/wxcomponents/weapp/col/index.wxs @@ -0,0 +1,18 @@ +/* eslint-disable */ +var style = require('../wxs/style.wxs'); +var addUnit = require('../wxs/add-unit.wxs'); + +function rootStyle(data) { + if (!data.gutter) { + return ''; + } + + return style({ + 'padding-right': addUnit(data.gutter / 2), + 'padding-left': addUnit(data.gutter / 2), + }); +} + +module.exports = { + rootStyle: rootStyle, +}; diff --git a/src/wxcomponents/weapp/col/index.wxss b/src/wxcomponents/weapp/col/index.wxss new file mode 100644 index 0000000..2fa265e --- /dev/null +++ b/src/wxcomponents/weapp/col/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-col{box-sizing:border-box;float:left}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%} \ No newline at end of file diff --git a/src/wxcomponents/weapp/collapse-item/animate.d.ts b/src/wxcomponents/weapp/collapse-item/animate.d.ts new file mode 100644 index 0000000..32157b6 --- /dev/null +++ b/src/wxcomponents/weapp/collapse-item/animate.d.ts @@ -0,0 +1,2 @@ +/// +export declare function setContentAnimate(context: WechatMiniprogram.Component.TrivialInstance, expanded: boolean, mounted: boolean): void; diff --git a/src/wxcomponents/weapp/collapse-item/animate.js b/src/wxcomponents/weapp/collapse-item/animate.js new file mode 100644 index 0000000..f966ac5 --- /dev/null +++ b/src/wxcomponents/weapp/collapse-item/animate.js @@ -0,0 +1,39 @@ +import { getRect } from '../common/utils'; +function useAnimation(context, expanded, mounted, height) { + const animation = wx.createAnimation({ + duration: 0, + timingFunction: 'ease-in-out', + }); + if (expanded) { + if (height === 0) { + animation.height('auto').top(1).step(); + } + else { + animation + .height(height) + .top(1) + .step({ + duration: mounted ? 300 : 1, + }) + .height('auto') + .step(); + } + context.setData({ + animation: animation.export(), + }); + return; + } + animation.height(height).top(0).step({ duration: 1 }).height(0).step({ + duration: 300, + }); + context.setData({ + animation: animation.export(), + }); +} +export function setContentAnimate(context, expanded, mounted) { + getRect(context, '.van-collapse-item__content') + .then((rect) => rect.height) + .then((height) => { + useAnimation(context, expanded, mounted, height); + }); +} diff --git a/src/wxcomponents/weapp/collapse-item/index.d.ts b/src/wxcomponents/weapp/collapse-item/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/collapse-item/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/collapse-item/index.js b/src/wxcomponents/weapp/collapse-item/index.js new file mode 100644 index 0000000..5bac368 --- /dev/null +++ b/src/wxcomponents/weapp/collapse-item/index.js @@ -0,0 +1,60 @@ +import { VantComponent } from '../common/component'; +import { useParent } from '../common/relation'; +import { setContentAnimate } from './animate'; +VantComponent({ + classes: ['title-class', 'content-class'], + relation: useParent('collapse'), + props: { + size: String, + name: null, + title: null, + value: null, + icon: String, + label: String, + disabled: Boolean, + clickable: Boolean, + border: { + type: Boolean, + value: true, + }, + isLink: { + type: Boolean, + value: true, + }, + }, + data: { + expanded: false, + }, + mounted() { + this.updateExpanded(); + this.mounted = true; + }, + methods: { + updateExpanded() { + if (!this.parent) { + return; + } + const { value, accordion } = this.parent.data; + const { children = [] } = this.parent; + const { name } = this.data; + const index = children.indexOf(this); + const currentName = name == null ? index : name; + const expanded = accordion + ? value === currentName + : (value || []).some((name) => name === currentName); + if (expanded !== this.data.expanded) { + setContentAnimate(this, expanded, this.mounted); + } + this.setData({ index, expanded }); + }, + onClick() { + if (this.data.disabled) { + return; + } + const { name, expanded } = this.data; + const index = this.parent.children.indexOf(this); + const currentName = name == null ? index : name; + this.parent.switch(currentName, !expanded); + }, + }, +}); diff --git a/src/wxcomponents/weapp/collapse-item/index.json b/src/wxcomponents/weapp/collapse-item/index.json new file mode 100644 index 0000000..0e5425c --- /dev/null +++ b/src/wxcomponents/weapp/collapse-item/index.json @@ -0,0 +1,6 @@ +{ + "component": true, + "usingComponents": { + "van-cell": "../cell/index" + } +} diff --git a/src/wxcomponents/weapp/collapse-item/index.wxml b/src/wxcomponents/weapp/collapse-item/index.wxml new file mode 100644 index 0000000..f11d0d4 --- /dev/null +++ b/src/wxcomponents/weapp/collapse-item/index.wxml @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + diff --git a/src/wxcomponents/weapp/collapse-item/index.wxss b/src/wxcomponents/weapp/collapse-item/index.wxss new file mode 100644 index 0000000..4a65b5a --- /dev/null +++ b/src/wxcomponents/weapp/collapse-item/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-collapse-item__title .van-cell__right-icon{transform:rotate(90deg);transition:transform var(--collapse-item-transition-duration,.3s)}.van-collapse-item__title--expanded .van-cell__right-icon{transform:rotate(-90deg)}.van-collapse-item__title--disabled .van-cell,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--collapse-item-title-disabled-color,#c8c9cc)!important}.van-collapse-item__title--disabled .van-cell--hover{background-color:#fff!important}.van-collapse-item__wrapper{overflow:hidden}.van-collapse-item__content{background-color:var(--collapse-item-content-background-color,#fff);color:var(--collapse-item-content-text-color,#969799);font-size:var(--collapse-item-content-font-size,13px);line-height:var(--collapse-item-content-line-height,1.5);padding:var(--collapse-item-content-padding,15px)} \ No newline at end of file diff --git a/src/wxcomponents/weapp/collapse/index.d.ts b/src/wxcomponents/weapp/collapse/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/collapse/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/collapse/index.js b/src/wxcomponents/weapp/collapse/index.js new file mode 100644 index 0000000..3616087 --- /dev/null +++ b/src/wxcomponents/weapp/collapse/index.js @@ -0,0 +1,46 @@ +import { VantComponent } from '../common/component'; +import { useChildren } from '../common/relation'; +VantComponent({ + relation: useChildren('collapse-item'), + props: { + value: { + type: null, + observer: 'updateExpanded', + }, + accordion: { + type: Boolean, + observer: 'updateExpanded', + }, + border: { + type: Boolean, + value: true, + }, + }, + methods: { + updateExpanded() { + this.children.forEach((child) => { + child.updateExpanded(); + }); + }, + switch(name, expanded) { + const { accordion, value } = this.data; + const changeItem = name; + if (!accordion) { + name = expanded + ? (value || []).concat(name) + : (value || []).filter((activeName) => activeName !== name); + } + else { + name = expanded ? name : ''; + } + if (expanded) { + this.$emit('open', changeItem); + } + else { + this.$emit('close', changeItem); + } + this.$emit('change', name); + this.$emit('input', name); + }, + }, +}); diff --git a/src/wxcomponents/weapp/collapse/index.json b/src/wxcomponents/weapp/collapse/index.json new file mode 100644 index 0000000..467ce29 --- /dev/null +++ b/src/wxcomponents/weapp/collapse/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} diff --git a/src/wxcomponents/weapp/collapse/index.wxml b/src/wxcomponents/weapp/collapse/index.wxml new file mode 100644 index 0000000..fd4e171 --- /dev/null +++ b/src/wxcomponents/weapp/collapse/index.wxml @@ -0,0 +1,3 @@ + + + diff --git a/src/wxcomponents/weapp/collapse/index.wxss b/src/wxcomponents/weapp/collapse/index.wxss new file mode 100644 index 0000000..99694d6 --- /dev/null +++ b/src/wxcomponents/weapp/collapse/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss'; \ No newline at end of file diff --git a/src/wxcomponents/weapp/common/color.d.ts b/src/wxcomponents/weapp/common/color.d.ts new file mode 100644 index 0000000..386f307 --- /dev/null +++ b/src/wxcomponents/weapp/common/color.d.ts @@ -0,0 +1,7 @@ +export declare const RED = "#ee0a24"; +export declare const BLUE = "#1989fa"; +export declare const WHITE = "#fff"; +export declare const GREEN = "#07c160"; +export declare const ORANGE = "#ff976a"; +export declare const GRAY = "#323233"; +export declare const GRAY_DARK = "#969799"; diff --git a/src/wxcomponents/weapp/common/color.js b/src/wxcomponents/weapp/common/color.js new file mode 100644 index 0000000..6b285bd --- /dev/null +++ b/src/wxcomponents/weapp/common/color.js @@ -0,0 +1,7 @@ +export const RED = '#ee0a24'; +export const BLUE = '#1989fa'; +export const WHITE = '#fff'; +export const GREEN = '#07c160'; +export const ORANGE = '#ff976a'; +export const GRAY = '#323233'; +export const GRAY_DARK = '#969799'; diff --git a/src/wxcomponents/weapp/common/component.d.ts b/src/wxcomponents/weapp/common/component.d.ts new file mode 100644 index 0000000..1d0fd27 --- /dev/null +++ b/src/wxcomponents/weapp/common/component.d.ts @@ -0,0 +1,4 @@ +/// +import { VantComponentOptions } from 'definitions/index'; +declare function VantComponent(vantOptions: VantComponentOptions): void; +export { VantComponent }; diff --git a/src/wxcomponents/weapp/common/component.js b/src/wxcomponents/weapp/common/component.js new file mode 100644 index 0000000..8528dc0 --- /dev/null +++ b/src/wxcomponents/weapp/common/component.js @@ -0,0 +1,45 @@ +import { basic } from '../mixins/basic'; +function mapKeys(source, target, map) { + Object.keys(map).forEach((key) => { + if (source[key]) { + target[map[key]] = source[key]; + } + }); +} +function VantComponent(vantOptions) { + const options = {}; + mapKeys(vantOptions, options, { + data: 'data', + props: 'properties', + mixins: 'behaviors', + methods: 'methods', + beforeCreate: 'created', + created: 'attached', + mounted: 'ready', + destroyed: 'detached', + classes: 'externalClasses', + }); + // add default externalClasses + options.externalClasses = options.externalClasses || []; + options.externalClasses.push('custom-class'); + // add default behaviors + options.behaviors = options.behaviors || []; + options.behaviors.push(basic); + // add relations + const { relation } = vantOptions; + if (relation) { + options.relations = relation.relations; + options.behaviors.push(relation.mixin); + } + // map field to form-field behavior + if (vantOptions.field) { + options.behaviors.push('wx://form-field'); + } + // add default options + options.options = { + multipleSlots: true, + addGlobalClass: true, + }; + Component(options); +} +export { VantComponent }; diff --git a/src/wxcomponents/weapp/common/index.wxss b/src/wxcomponents/weapp/common/index.wxss new file mode 100644 index 0000000..a73bb7a --- /dev/null +++ b/src/wxcomponents/weapp/common/index.wxss @@ -0,0 +1 @@ +.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.van-multi-ellipsis--l3{-webkit-line-clamp:3}.van-clearfix:after{clear:both;content:"";display:table}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{border:0 solid #ebedf0;bottom:-50%;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;transform:scale(.5);transform-origin:center}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px} \ No newline at end of file diff --git a/src/wxcomponents/weapp/common/relation.d.ts b/src/wxcomponents/weapp/common/relation.d.ts new file mode 100644 index 0000000..4b5af00 --- /dev/null +++ b/src/wxcomponents/weapp/common/relation.d.ts @@ -0,0 +1,15 @@ +/// +declare type TrivialInstance = WechatMiniprogram.Component.TrivialInstance; +export declare function useParent(name: string, onEffect?: (this: TrivialInstance) => void): { + relations: { + [x: string]: WechatMiniprogram.Component.RelationOption; + }; + mixin: string; +}; +export declare function useChildren(name: string, onEffect?: (this: TrivialInstance, target: TrivialInstance) => void): { + relations: { + [x: string]: WechatMiniprogram.Component.RelationOption; + }; + mixin: string; +}; +export {}; diff --git a/src/wxcomponents/weapp/common/relation.js b/src/wxcomponents/weapp/common/relation.js new file mode 100644 index 0000000..04e2934 --- /dev/null +++ b/src/wxcomponents/weapp/common/relation.js @@ -0,0 +1,56 @@ +export function useParent(name, onEffect) { + const path = `../${name}/index`; + return { + relations: { + [path]: { + type: 'ancestor', + linked() { + onEffect && onEffect.call(this); + }, + linkChanged() { + onEffect && onEffect.call(this); + }, + unlinked() { + onEffect && onEffect.call(this); + }, + }, + }, + mixin: Behavior({ + created() { + Object.defineProperty(this, 'parent', { + get: () => this.getRelationNodes(path)[0], + }); + Object.defineProperty(this, 'index', { + // @ts-ignore + get: () => { var _a, _b; return (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.indexOf(this); }, + }); + }, + }), + }; +} +export function useChildren(name, onEffect) { + const path = `../${name}/index`; + return { + relations: { + [path]: { + type: 'descendant', + linked(target) { + onEffect && onEffect.call(this, target); + }, + linkChanged(target) { + onEffect && onEffect.call(this, target); + }, + unlinked(target) { + onEffect && onEffect.call(this, target); + }, + }, + }, + mixin: Behavior({ + created() { + Object.defineProperty(this, 'children', { + get: () => this.getRelationNodes(path) || [], + }); + }, + }), + }; +} diff --git a/src/wxcomponents/weapp/common/style/clearfix.wxss b/src/wxcomponents/weapp/common/style/clearfix.wxss new file mode 100644 index 0000000..442246f --- /dev/null +++ b/src/wxcomponents/weapp/common/style/clearfix.wxss @@ -0,0 +1 @@ +.van-clearfix:after{clear:both;content:"";display:table} \ No newline at end of file diff --git a/src/wxcomponents/weapp/common/style/ellipsis.wxss b/src/wxcomponents/weapp/common/style/ellipsis.wxss new file mode 100644 index 0000000..ee701df --- /dev/null +++ b/src/wxcomponents/weapp/common/style/ellipsis.wxss @@ -0,0 +1 @@ +.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.van-multi-ellipsis--l3{-webkit-line-clamp:3} \ No newline at end of file diff --git a/src/wxcomponents/weapp/common/style/hairline.wxss b/src/wxcomponents/weapp/common/style/hairline.wxss new file mode 100644 index 0000000..f7c6260 --- /dev/null +++ b/src/wxcomponents/weapp/common/style/hairline.wxss @@ -0,0 +1 @@ +.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{border:0 solid #ebedf0;bottom:-50%;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;transform:scale(.5);transform-origin:center}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px} \ No newline at end of file diff --git a/src/wxcomponents/weapp/common/style/mixins/clearfix.wxss b/src/wxcomponents/weapp/common/style/mixins/clearfix.wxss new file mode 100644 index 0000000..e69de29 diff --git a/src/wxcomponents/weapp/common/style/mixins/ellipsis.wxss b/src/wxcomponents/weapp/common/style/mixins/ellipsis.wxss new file mode 100644 index 0000000..e69de29 diff --git a/src/wxcomponents/weapp/common/style/mixins/hairline.wxss b/src/wxcomponents/weapp/common/style/mixins/hairline.wxss new file mode 100644 index 0000000..e69de29 diff --git a/src/wxcomponents/weapp/common/style/var.wxss b/src/wxcomponents/weapp/common/style/var.wxss new file mode 100644 index 0000000..e69de29 diff --git a/src/wxcomponents/weapp/common/utils.d.ts b/src/wxcomponents/weapp/common/utils.d.ts new file mode 100644 index 0000000..af36e60 --- /dev/null +++ b/src/wxcomponents/weapp/common/utils.d.ts @@ -0,0 +1,14 @@ +/// +/// +export { isDef } from './validator'; +export declare function range(num: number, min: number, max: number): number; +export declare function nextTick(cb: (...args: any[]) => void): void; +export declare function getSystemInfoSync(): WechatMiniprogram.SystemInfo; +export declare function addUnit(value?: string | number): string | undefined; +export declare function requestAnimationFrame(cb: () => void): NodeJS.Timeout | WechatMiniprogram.NodesRef; +export declare function pickExclude(obj: unknown, keys: string[]): {}; +export declare function getRect(context: WechatMiniprogram.Component.TrivialInstance, selector: string): Promise; +export declare function getAllRect(context: WechatMiniprogram.Component.TrivialInstance, selector: string): Promise; +export declare function groupSetData(context: WechatMiniprogram.Component.TrivialInstance, cb: () => void): void; +export declare function toPromise(promiseLike: Promise | unknown): Promise; +export declare function getCurrentPage(): T & WechatMiniprogram.OptionalInterface & WechatMiniprogram.Page.InstanceProperties & WechatMiniprogram.Page.InstanceMethods & WechatMiniprogram.Page.Data & WechatMiniprogram.IAnyObject; diff --git a/src/wxcomponents/weapp/common/utils.js b/src/wxcomponents/weapp/common/utils.js new file mode 100644 index 0000000..d06acb1 --- /dev/null +++ b/src/wxcomponents/weapp/common/utils.js @@ -0,0 +1,92 @@ +import { isDef, isNumber, isPlainObject, isPromise } from './validator'; +import { canIUseGroupSetData, canIUseNextTick } from './version'; +export { isDef } from './validator'; +export function range(num, min, max) { + return Math.min(Math.max(num, min), max); +} +export function nextTick(cb) { + if (canIUseNextTick()) { + wx.nextTick(cb); + } + else { + setTimeout(() => { + cb(); + }, 1000 / 30); + } +} +let systemInfo; +export function getSystemInfoSync() { + if (systemInfo == null) { + systemInfo = wx.getSystemInfoSync(); + } + return systemInfo; +} +export function addUnit(value) { + if (!isDef(value)) { + return undefined; + } + value = String(value); + return isNumber(value) ? `${value}px` : value; +} +export function requestAnimationFrame(cb) { + const systemInfo = getSystemInfoSync(); + if (systemInfo.platform === 'devtools') { + return setTimeout(() => { + cb(); + }, 1000 / 30); + } + return wx + .createSelectorQuery() + .selectViewport() + .boundingClientRect() + .exec(() => { + cb(); + }); +} +export function pickExclude(obj, keys) { + if (!isPlainObject(obj)) { + return {}; + } + return Object.keys(obj).reduce((prev, key) => { + if (!keys.includes(key)) { + prev[key] = obj[key]; + } + return prev; + }, {}); +} +export function getRect(context, selector) { + return new Promise((resolve) => { + wx.createSelectorQuery() + .in(context) + .select(selector) + .boundingClientRect() + .exec((rect = []) => resolve(rect[0])); + }); +} +export function getAllRect(context, selector) { + return new Promise((resolve) => { + wx.createSelectorQuery() + .in(context) + .selectAll(selector) + .boundingClientRect() + .exec((rect = []) => resolve(rect[0])); + }); +} +export function groupSetData(context, cb) { + if (canIUseGroupSetData()) { + context.groupSetData(cb); + } + else { + cb(); + } +} +export function toPromise(promiseLike) { + if (isPromise(promiseLike)) { + return promiseLike; + } + return Promise.resolve(promiseLike); +} +export function getCurrentPage() { + const pages = getCurrentPages(); + return pages[pages.length - 1]; +} diff --git a/src/wxcomponents/weapp/common/validator.d.ts b/src/wxcomponents/weapp/common/validator.d.ts new file mode 100644 index 0000000..152894a --- /dev/null +++ b/src/wxcomponents/weapp/common/validator.d.ts @@ -0,0 +1,9 @@ +export declare function isFunction(val: unknown): val is Function; +export declare function isPlainObject(val: unknown): val is Record; +export declare function isPromise(val: unknown): val is Promise; +export declare function isDef(value: unknown): boolean; +export declare function isObj(x: unknown): x is Record; +export declare function isNumber(value: string): boolean; +export declare function isBoolean(value: unknown): value is boolean; +export declare function isImageUrl(url: string): boolean; +export declare function isVideoUrl(url: string): boolean; diff --git a/src/wxcomponents/weapp/common/validator.js b/src/wxcomponents/weapp/common/validator.js new file mode 100644 index 0000000..f11f844 --- /dev/null +++ b/src/wxcomponents/weapp/common/validator.js @@ -0,0 +1,31 @@ +// eslint-disable-next-line @typescript-eslint/ban-types +export function isFunction(val) { + return typeof val === 'function'; +} +export function isPlainObject(val) { + return val !== null && typeof val === 'object' && !Array.isArray(val); +} +export function isPromise(val) { + return isPlainObject(val) && isFunction(val.then) && isFunction(val.catch); +} +export function isDef(value) { + return value !== undefined && value !== null; +} +export function isObj(x) { + const type = typeof x; + return x !== null && (type === 'object' || type === 'function'); +} +export function isNumber(value) { + return /^\d+(\.\d+)?$/.test(value); +} +export function isBoolean(value) { + return typeof value === 'boolean'; +} +const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i; +const VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv)/i; +export function isImageUrl(url) { + return IMAGE_REGEXP.test(url); +} +export function isVideoUrl(url) { + return VIDEO_REGEXP.test(url); +} diff --git a/src/wxcomponents/weapp/common/version.d.ts b/src/wxcomponents/weapp/common/version.d.ts new file mode 100644 index 0000000..988b226 --- /dev/null +++ b/src/wxcomponents/weapp/common/version.d.ts @@ -0,0 +1,7 @@ +export declare function canIUseModel(): boolean; +export declare function canIUseFormFieldButton(): boolean; +export declare function canIUseAnimate(): boolean; +export declare function canIUseGroupSetData(): boolean; +export declare function canIUseNextTick(): boolean; +export declare function canIUseCanvas2d(): boolean; +export declare function canIUseGetUserProfile(): boolean; diff --git a/src/wxcomponents/weapp/common/version.js b/src/wxcomponents/weapp/common/version.js new file mode 100644 index 0000000..eb85185 --- /dev/null +++ b/src/wxcomponents/weapp/common/version.js @@ -0,0 +1,48 @@ +import { getSystemInfoSync } from './utils'; +function compareVersion(v1, v2) { + v1 = v1.split('.'); + v2 = v2.split('.'); + const len = Math.max(v1.length, v2.length); + while (v1.length < len) { + v1.push('0'); + } + while (v2.length < len) { + v2.push('0'); + } + for (let i = 0; i < len; i++) { + const num1 = parseInt(v1[i], 10); + const num2 = parseInt(v2[i], 10); + if (num1 > num2) { + return 1; + } + if (num1 < num2) { + return -1; + } + } + return 0; +} +function gte(version) { + const system = getSystemInfoSync(); + return compareVersion(system.SDKVersion, version) >= 0; +} +export function canIUseModel() { + return gte('2.9.3'); +} +export function canIUseFormFieldButton() { + return gte('2.10.3'); +} +export function canIUseAnimate() { + return gte('2.9.0'); +} +export function canIUseGroupSetData() { + return gte('2.4.0'); +} +export function canIUseNextTick() { + return wx.canIUse('nextTick'); +} +export function canIUseCanvas2d() { + return gte('2.9.0'); +} +export function canIUseGetUserProfile() { + return !!wx.getUserProfile; +} diff --git a/src/wxcomponents/weapp/config-provider/index.d.ts b/src/wxcomponents/weapp/config-provider/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/config-provider/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/config-provider/index.js b/src/wxcomponents/weapp/config-provider/index.js new file mode 100644 index 0000000..0cb23f4 --- /dev/null +++ b/src/wxcomponents/weapp/config-provider/index.js @@ -0,0 +1,9 @@ +import { VantComponent } from '../common/component'; +VantComponent({ + props: { + themeVars: { + type: Object, + value: {}, + }, + }, +}); diff --git a/src/wxcomponents/weapp/config-provider/index.json b/src/wxcomponents/weapp/config-provider/index.json new file mode 100644 index 0000000..467ce29 --- /dev/null +++ b/src/wxcomponents/weapp/config-provider/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} diff --git a/src/wxcomponents/weapp/config-provider/index.wxml b/src/wxcomponents/weapp/config-provider/index.wxml new file mode 100644 index 0000000..3cfb461 --- /dev/null +++ b/src/wxcomponents/weapp/config-provider/index.wxml @@ -0,0 +1,5 @@ + + + + + diff --git a/src/wxcomponents/weapp/config-provider/index.wxs b/src/wxcomponents/weapp/config-provider/index.wxs new file mode 100644 index 0000000..7ca0203 --- /dev/null +++ b/src/wxcomponents/weapp/config-provider/index.wxs @@ -0,0 +1,29 @@ +/* eslint-disable */ +var object = require('../wxs/object.wxs'); +var style = require('../wxs/style.wxs'); + +function kebabCase(word) { + var newWord = word + .replace(getRegExp("[A-Z]", 'g'), function (i) { + return '-' + i; + }) + .toLowerCase() + .replace(getRegExp("^-"), ''); + + return newWord; +} + +function mapThemeVarsToCSSVars(themeVars) { + var cssVars = {}; + object.keys(themeVars).forEach(function (key) { + var cssVarsKey = '--' + kebabCase(key); + cssVars[cssVarsKey] = themeVars[key]; + }); + + return style(cssVars); +} + +module.exports = { + kebabCase: kebabCase, + mapThemeVarsToCSSVars: mapThemeVarsToCSSVars, +}; diff --git a/src/wxcomponents/weapp/count-down/index.d.ts b/src/wxcomponents/weapp/count-down/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/count-down/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/count-down/index.js b/src/wxcomponents/weapp/count-down/index.js new file mode 100644 index 0000000..da24145 --- /dev/null +++ b/src/wxcomponents/weapp/count-down/index.js @@ -0,0 +1,100 @@ +import { VantComponent } from '../common/component'; +import { isSameSecond, parseFormat, parseTimeData } from './utils'; +function simpleTick(fn) { + return setTimeout(fn, 30); +} +VantComponent({ + props: { + useSlot: Boolean, + millisecond: Boolean, + time: { + type: Number, + observer: 'reset', + }, + format: { + type: String, + value: 'HH:mm:ss', + }, + autoStart: { + type: Boolean, + value: true, + }, + }, + data: { + timeData: parseTimeData(0), + formattedTime: '0', + }, + destroyed() { + clearTimeout(this.tid); + this.tid = null; + }, + methods: { + // 开始 + start() { + if (this.counting) { + return; + } + this.counting = true; + this.endTime = Date.now() + this.remain; + this.tick(); + }, + // 暂停 + pause() { + this.counting = false; + clearTimeout(this.tid); + }, + // 重置 + reset() { + this.pause(); + this.remain = this.data.time; + this.setRemain(this.remain); + if (this.data.autoStart) { + this.start(); + } + }, + tick() { + if (this.data.millisecond) { + this.microTick(); + } + else { + this.macroTick(); + } + }, + microTick() { + this.tid = simpleTick(() => { + this.setRemain(this.getRemain()); + if (this.remain !== 0) { + this.microTick(); + } + }); + }, + macroTick() { + this.tid = simpleTick(() => { + const remain = this.getRemain(); + if (!isSameSecond(remain, this.remain) || remain === 0) { + this.setRemain(remain); + } + if (this.remain !== 0) { + this.macroTick(); + } + }); + }, + getRemain() { + return Math.max(this.endTime - Date.now(), 0); + }, + setRemain(remain) { + this.remain = remain; + const timeData = parseTimeData(remain); + if (this.data.useSlot) { + this.$emit('change', timeData); + } + this.setData({ + formattedTime: parseFormat(this.data.format, timeData), + }); + if (remain === 0) { + this.pause(); + this.$emit('finish'); + } + }, + }, +}); diff --git a/src/wxcomponents/weapp/count-down/index.json b/src/wxcomponents/weapp/count-down/index.json new file mode 100644 index 0000000..467ce29 --- /dev/null +++ b/src/wxcomponents/weapp/count-down/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} diff --git a/src/wxcomponents/weapp/count-down/index.wxml b/src/wxcomponents/weapp/count-down/index.wxml new file mode 100644 index 0000000..e206e16 --- /dev/null +++ b/src/wxcomponents/weapp/count-down/index.wxml @@ -0,0 +1,4 @@ + + + {{ formattedTime }} + diff --git a/src/wxcomponents/weapp/count-down/index.wxss b/src/wxcomponents/weapp/count-down/index.wxss new file mode 100644 index 0000000..8b957f7 --- /dev/null +++ b/src/wxcomponents/weapp/count-down/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-count-down{color:var(--count-down-text-color,#323233);font-size:var(--count-down-font-size,14px);line-height:var(--count-down-line-height,20px)} \ No newline at end of file diff --git a/src/wxcomponents/weapp/count-down/utils.d.ts b/src/wxcomponents/weapp/count-down/utils.d.ts new file mode 100644 index 0000000..e4a58dd --- /dev/null +++ b/src/wxcomponents/weapp/count-down/utils.d.ts @@ -0,0 +1,10 @@ +export declare type TimeData = { + days: number; + hours: number; + minutes: number; + seconds: number; + milliseconds: number; +}; +export declare function parseTimeData(time: number): TimeData; +export declare function parseFormat(format: string, timeData: TimeData): string; +export declare function isSameSecond(time1: number, time2: number): boolean; diff --git a/src/wxcomponents/weapp/count-down/utils.js b/src/wxcomponents/weapp/count-down/utils.js new file mode 100644 index 0000000..cbdbd79 --- /dev/null +++ b/src/wxcomponents/weapp/count-down/utils.js @@ -0,0 +1,57 @@ +function padZero(num, targetLength = 2) { + let str = num + ''; + while (str.length < targetLength) { + str = '0' + str; + } + return str; +} +const SECOND = 1000; +const MINUTE = 60 * SECOND; +const HOUR = 60 * MINUTE; +const DAY = 24 * HOUR; +export function parseTimeData(time) { + const days = Math.floor(time / DAY); + const hours = Math.floor((time % DAY) / HOUR); + const minutes = Math.floor((time % HOUR) / MINUTE); + const seconds = Math.floor((time % MINUTE) / SECOND); + const milliseconds = Math.floor(time % SECOND); + return { + days, + hours, + minutes, + seconds, + milliseconds, + }; +} +export function parseFormat(format, timeData) { + const { days } = timeData; + let { hours, minutes, seconds, milliseconds } = timeData; + if (format.indexOf('DD') === -1) { + hours += days * 24; + } + else { + format = format.replace('DD', padZero(days)); + } + if (format.indexOf('HH') === -1) { + minutes += hours * 60; + } + else { + format = format.replace('HH', padZero(hours)); + } + if (format.indexOf('mm') === -1) { + seconds += minutes * 60; + } + else { + format = format.replace('mm', padZero(minutes)); + } + if (format.indexOf('ss') === -1) { + milliseconds += seconds * 1000; + } + else { + format = format.replace('ss', padZero(seconds)); + } + return format.replace('SSS', padZero(milliseconds, 3)); +} +export function isSameSecond(time1, time2) { + return Math.floor(time1 / 1000) === Math.floor(time2 / 1000); +} diff --git a/src/wxcomponents/weapp/datetime-picker/index.d.ts b/src/wxcomponents/weapp/datetime-picker/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/datetime-picker/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/datetime-picker/index.js b/src/wxcomponents/weapp/datetime-picker/index.js new file mode 100644 index 0000000..3334170 --- /dev/null +++ b/src/wxcomponents/weapp/datetime-picker/index.js @@ -0,0 +1,295 @@ +import { VantComponent } from '../common/component'; +import { isDef } from '../common/validator'; +import { pickerProps } from '../picker/shared'; +const currentYear = new Date().getFullYear(); +function isValidDate(date) { + return isDef(date) && !isNaN(new Date(date).getTime()); +} +function range(num, min, max) { + return Math.min(Math.max(num, min), max); +} +function padZero(val) { + return `00${val}`.slice(-2); +} +function times(n, iteratee) { + let index = -1; + const result = Array(n < 0 ? 0 : n); + while (++index < n) { + result[index] = iteratee(index); + } + return result; +} +function getTrueValue(formattedValue) { + if (formattedValue === undefined) { + formattedValue = '1'; + } + while (isNaN(parseInt(formattedValue, 10))) { + formattedValue = formattedValue.slice(1); + } + return parseInt(formattedValue, 10); +} +function getMonthEndDay(year, month) { + return 32 - new Date(year, month - 1, 32).getDate(); +} +const defaultFormatter = (type, value) => value; +VantComponent({ + classes: ['active-class', 'toolbar-class', 'column-class'], + props: Object.assign(Object.assign({}, pickerProps), { value: { + type: null, + observer: 'updateValue', + }, filter: null, type: { + type: String, + value: 'datetime', + observer: 'updateValue', + }, showToolbar: { + type: Boolean, + value: true, + }, formatter: { + type: null, + value: defaultFormatter, + }, minDate: { + type: Number, + value: new Date(currentYear - 10, 0, 1).getTime(), + observer: 'updateValue', + }, maxDate: { + type: Number, + value: new Date(currentYear + 10, 11, 31).getTime(), + observer: 'updateValue', + }, minHour: { + type: Number, + value: 0, + observer: 'updateValue', + }, maxHour: { + type: Number, + value: 23, + observer: 'updateValue', + }, minMinute: { + type: Number, + value: 0, + observer: 'updateValue', + }, maxMinute: { + type: Number, + value: 59, + observer: 'updateValue', + } }), + data: { + innerValue: Date.now(), + columns: [], + }, + methods: { + updateValue() { + const { data } = this; + const val = this.correctValue(data.value); + const isEqual = val === data.innerValue; + this.updateColumnValue(val).then(() => { + if (!isEqual) { + this.$emit('input', val); + } + }); + }, + getPicker() { + if (this.picker == null) { + this.picker = this.selectComponent('.van-datetime-picker'); + const { picker } = this; + const { setColumnValues } = picker; + picker.setColumnValues = (...args) => setColumnValues.apply(picker, [...args, false]); + } + return this.picker; + }, + updateColumns() { + const { formatter = defaultFormatter } = this.data; + const results = this.getOriginColumns().map((column) => ({ + values: column.values.map((value) => formatter(column.type, value)), + })); + return this.set({ columns: results }); + }, + getOriginColumns() { + const { filter } = this.data; + const results = this.getRanges().map(({ type, range }) => { + let values = times(range[1] - range[0] + 1, (index) => { + const value = range[0] + index; + return type === 'year' ? `${value}` : padZero(value); + }); + if (filter) { + values = filter(type, values); + } + return { type, values }; + }); + return results; + }, + getRanges() { + const { data } = this; + if (data.type === 'time') { + return [ + { + type: 'hour', + range: [data.minHour, data.maxHour], + }, + { + type: 'minute', + range: [data.minMinute, data.maxMinute], + }, + ]; + } + const { maxYear, maxDate, maxMonth, maxHour, maxMinute, } = this.getBoundary('max', data.innerValue); + const { minYear, minDate, minMonth, minHour, minMinute, } = this.getBoundary('min', data.innerValue); + const result = [ + { + type: 'year', + range: [minYear, maxYear], + }, + { + type: 'month', + range: [minMonth, maxMonth], + }, + { + type: 'day', + range: [minDate, maxDate], + }, + { + type: 'hour', + range: [minHour, maxHour], + }, + { + type: 'minute', + range: [minMinute, maxMinute], + }, + ]; + if (data.type === 'date') + result.splice(3, 2); + if (data.type === 'year-month') + result.splice(2, 3); + return result; + }, + correctValue(value) { + const { data } = this; + // validate value + const isDateType = data.type !== 'time'; + if (isDateType && !isValidDate(value)) { + value = data.minDate; + } + else if (!isDateType && !value) { + const { minHour } = data; + value = `${padZero(minHour)}:00`; + } + // time type + if (!isDateType) { + let [hour, minute] = value.split(':'); + hour = padZero(range(hour, data.minHour, data.maxHour)); + minute = padZero(range(minute, data.minMinute, data.maxMinute)); + return `${hour}:${minute}`; + } + // date type + value = Math.max(value, data.minDate); + value = Math.min(value, data.maxDate); + return value; + }, + getBoundary(type, innerValue) { + const value = new Date(innerValue); + const boundary = new Date(this.data[`${type}Date`]); + const year = boundary.getFullYear(); + let month = 1; + let date = 1; + let hour = 0; + let minute = 0; + if (type === 'max') { + month = 12; + date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1); + hour = 23; + minute = 59; + } + if (value.getFullYear() === year) { + month = boundary.getMonth() + 1; + if (value.getMonth() + 1 === month) { + date = boundary.getDate(); + if (value.getDate() === date) { + hour = boundary.getHours(); + if (value.getHours() === hour) { + minute = boundary.getMinutes(); + } + } + } + } + return { + [`${type}Year`]: year, + [`${type}Month`]: month, + [`${type}Date`]: date, + [`${type}Hour`]: hour, + [`${type}Minute`]: minute, + }; + }, + onCancel() { + this.$emit('cancel'); + }, + onConfirm() { + this.$emit('confirm', this.data.innerValue); + }, + onChange() { + const { data } = this; + let value; + const picker = this.getPicker(); + const originColumns = this.getOriginColumns(); + if (data.type === 'time') { + const indexes = picker.getIndexes(); + value = `${+originColumns[0].values[indexes[0]]}:${+originColumns[1] + .values[indexes[1]]}`; + } + else { + const indexes = picker.getIndexes(); + const values = indexes.map((value, index) => originColumns[index].values[value]); + const year = getTrueValue(values[0]); + const month = getTrueValue(values[1]); + const maxDate = getMonthEndDay(year, month); + let date = getTrueValue(values[2]); + if (data.type === 'year-month') { + date = 1; + } + date = date > maxDate ? maxDate : date; + let hour = 0; + let minute = 0; + if (data.type === 'datetime') { + hour = getTrueValue(values[3]); + minute = getTrueValue(values[4]); + } + value = new Date(year, month - 1, date, hour, minute); + } + value = this.correctValue(value); + this.updateColumnValue(value).then(() => { + this.$emit('input', value); + this.$emit('change', picker); + }); + }, + updateColumnValue(value) { + let values = []; + const { type } = this.data; + const formatter = this.data.formatter || defaultFormatter; + const picker = this.getPicker(); + if (type === 'time') { + const pair = value.split(':'); + values = [formatter('hour', pair[0]), formatter('minute', pair[1])]; + } + else { + const date = new Date(value); + values = [ + formatter('year', `${date.getFullYear()}`), + formatter('month', padZero(date.getMonth() + 1)), + ]; + if (type === 'date') { + values.push(formatter('day', padZero(date.getDate()))); + } + if (type === 'datetime') { + values.push(formatter('day', padZero(date.getDate())), formatter('hour', padZero(date.getHours())), formatter('minute', padZero(date.getMinutes()))); + } + } + return this.set({ innerValue: value }) + .then(() => this.updateColumns()) + .then(() => picker.setValues(values)); + }, + }, + created() { + const innerValue = this.correctValue(this.data.value); + this.updateColumnValue(innerValue).then(() => { + this.$emit('input', innerValue); + }); + }, +}); diff --git a/src/wxcomponents/weapp/datetime-picker/index.json b/src/wxcomponents/weapp/datetime-picker/index.json new file mode 100644 index 0000000..a778e91 --- /dev/null +++ b/src/wxcomponents/weapp/datetime-picker/index.json @@ -0,0 +1,6 @@ +{ + "component": true, + "usingComponents": { + "van-picker": "../picker/index" + } +} diff --git a/src/wxcomponents/weapp/datetime-picker/index.wxml b/src/wxcomponents/weapp/datetime-picker/index.wxml new file mode 100644 index 0000000..ade2202 --- /dev/null +++ b/src/wxcomponents/weapp/datetime-picker/index.wxml @@ -0,0 +1,16 @@ + diff --git a/src/wxcomponents/weapp/datetime-picker/index.wxss b/src/wxcomponents/weapp/datetime-picker/index.wxss new file mode 100644 index 0000000..99694d6 --- /dev/null +++ b/src/wxcomponents/weapp/datetime-picker/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss'; \ No newline at end of file diff --git a/src/wxcomponents/weapp/definitions/index.d.ts b/src/wxcomponents/weapp/definitions/index.d.ts new file mode 100644 index 0000000..a7cc750 --- /dev/null +++ b/src/wxcomponents/weapp/definitions/index.d.ts @@ -0,0 +1,27 @@ +/// +interface VantComponentInstance { + parent: WechatMiniprogram.Component.TrivialInstance; + children: WechatMiniprogram.Component.TrivialInstance[]; + index: number; + $emit: (name: string, detail?: unknown, options?: WechatMiniprogram.Component.TriggerEventOption) => void; +} +export declare type VantComponentOptions = { + data?: Data; + field?: boolean; + classes?: string[]; + mixins?: string[]; + props?: Props; + relation?: { + relations: Record; + mixin: string; + }; + methods?: Methods; + beforeCreate?: () => void; + created?: () => void; + mounted?: () => void; + destroyed?: () => void; +} & ThisType, Props, Methods> & Record>; +export {}; diff --git a/src/wxcomponents/weapp/definitions/index.js b/src/wxcomponents/weapp/definitions/index.js new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/definitions/index.js @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/dialog/dialog.d.ts b/src/wxcomponents/weapp/dialog/dialog.d.ts new file mode 100644 index 0000000..e1f48c2 --- /dev/null +++ b/src/wxcomponents/weapp/dialog/dialog.d.ts @@ -0,0 +1,50 @@ +/// +export declare type Action = 'confirm' | 'cancel' | 'overlay'; +interface DialogOptions { + lang?: string; + show?: boolean; + title?: string; + width?: string | number | null; + zIndex?: number; + theme?: string; + context?: WechatMiniprogram.Page.TrivialInstance | WechatMiniprogram.Component.TrivialInstance; + message?: string; + overlay?: boolean; + selector?: string; + ariaLabel?: string; + className?: string; + customStyle?: string; + transition?: string; + /** + * @deprecated use beforeClose instead + */ + asyncClose?: boolean; + beforeClose?: null | ((action: Action) => Promise | void); + businessId?: number; + sessionFrom?: string; + overlayStyle?: string; + appParameter?: string; + messageAlign?: string; + sendMessageImg?: string; + showMessageCard?: boolean; + sendMessagePath?: string; + sendMessageTitle?: string; + confirmButtonText?: string; + cancelButtonText?: string; + showConfirmButton?: boolean; + showCancelButton?: boolean; + closeOnClickOverlay?: boolean; + confirmButtonOpenType?: string; +} +declare const Dialog: { + (options: DialogOptions): Promise; + alert(options: DialogOptions): Promise; + confirm(options: DialogOptions): Promise; + close(): void; + stopLoading(): void; + currentOptions: DialogOptions; + defaultOptions: DialogOptions; + setDefaultOptions(options: DialogOptions): void; + resetDefaultOptions(): void; +}; +export default Dialog; diff --git a/src/wxcomponents/weapp/dialog/dialog.js b/src/wxcomponents/weapp/dialog/dialog.js new file mode 100644 index 0000000..0b72fec --- /dev/null +++ b/src/wxcomponents/weapp/dialog/dialog.js @@ -0,0 +1,75 @@ +let queue = []; +const defaultOptions = { + show: false, + title: '', + width: null, + theme: 'default', + message: '', + zIndex: 100, + overlay: true, + selector: '#van-dialog', + className: '', + asyncClose: false, + beforeClose: null, + transition: 'scale', + customStyle: '', + messageAlign: '', + overlayStyle: '', + confirmButtonText: '确认', + cancelButtonText: '取消', + showConfirmButton: true, + showCancelButton: false, + closeOnClickOverlay: false, + confirmButtonOpenType: '', +}; +let currentOptions = Object.assign({}, defaultOptions); +function getContext() { + const pages = getCurrentPages(); + return pages[pages.length - 1]; +} +const Dialog = (options) => { + options = Object.assign(Object.assign({}, currentOptions), options); + return new Promise((resolve, reject) => { + const context = options.context || getContext(); + const dialog = context.selectComponent(options.selector); + delete options.context; + delete options.selector; + if (dialog) { + dialog.setData(Object.assign({ callback: (action, instance) => { + action === 'confirm' ? resolve(instance) : reject(instance); + } }, options)); + wx.nextTick(() => { + dialog.setData({ show: true }); + }); + queue.push(dialog); + } + else { + console.warn('未找到 van-dialog 节点，请确认 selector 及 context 是否正确'); + } + }); +}; +Dialog.alert = (options) => Dialog(options); +Dialog.confirm = (options) => Dialog(Object.assign({ showCancelButton: true }, options)); +Dialog.close = () => { + queue.forEach((dialog) => { + dialog.close(); + }); + queue = []; +}; +Dialog.stopLoading = () => { + queue.forEach((dialog) => { + dialog.stopLoading(); + }); +}; +Dialog.currentOptions = currentOptions; +Dialog.defaultOptions = defaultOptions; +Dialog.setDefaultOptions = (options) => { + currentOptions = Object.assign(Object.assign({}, currentOptions), options); + Dialog.currentOptions = currentOptions; +}; +Dialog.resetDefaultOptions = () => { + currentOptions = Object.assign({}, defaultOptions); + Dialog.currentOptions = currentOptions; +}; +Dialog.resetDefaultOptions(); +export default Dialog; diff --git a/src/wxcomponents/weapp/dialog/index.d.ts b/src/wxcomponents/weapp/dialog/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/dialog/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/dialog/index.js b/src/wxcomponents/weapp/dialog/index.js new file mode 100644 index 0000000..6f24cf4 --- /dev/null +++ b/src/wxcomponents/weapp/dialog/index.js @@ -0,0 +1,122 @@ +import { VantComponent } from '../common/component'; +import { button } from '../mixins/button'; +import { GRAY, RED } from '../common/color'; +import { toPromise } from '../common/utils'; +VantComponent({ + mixins: [button], + props: { + show: { + type: Boolean, + observer(show) { + !show && this.stopLoading(); + }, + }, + title: String, + message: String, + theme: { + type: String, + value: 'default', + }, + useSlot: Boolean, + className: String, + customStyle: String, + asyncClose: Boolean, + messageAlign: String, + beforeClose: null, + overlayStyle: String, + useTitleSlot: Boolean, + showCancelButton: Boolean, + closeOnClickOverlay: Boolean, + confirmButtonOpenType: String, + width: null, + zIndex: { + type: Number, + value: 2000, + }, + confirmButtonText: { + type: String, + value: '确认', + }, + cancelButtonText: { + type: String, + value: '取消', + }, + confirmButtonColor: { + type: String, + value: RED, + }, + cancelButtonColor: { + type: String, + value: GRAY, + }, + showConfirmButton: { + type: Boolean, + value: true, + }, + overlay: { + type: Boolean, + value: true, + }, + transition: { + type: String, + value: 'scale', + }, + }, + data: { + loading: { + confirm: false, + cancel: false, + }, + callback: (() => { }), + }, + methods: { + onConfirm() { + this.handleAction('confirm'); + }, + onCancel() { + this.handleAction('cancel'); + }, + onClickOverlay() { + this.close('overlay'); + }, + close(action) { + this.setData({ show: false }); + wx.nextTick(() => { + this.$emit('close', action); + const { callback } = this.data; + if (callback) { + callback(action, this); + } + }); + }, + stopLoading() { + this.setData({ + loading: { + confirm: false, + cancel: false, + }, + }); + }, + handleAction(action) { + this.$emit(action, { dialog: this }); + const { asyncClose, beforeClose } = this.data; + if (!asyncClose && !beforeClose) { + this.close(action); + return; + } + this.setData({ + [`loading.${action}`]: true, + }); + if (beforeClose) { + toPromise(beforeClose(action)).then((value) => { + if (value) { + this.close(action); + } + else { + this.stopLoading(); + } + }); + } + }, + }, +}); diff --git a/src/wxcomponents/weapp/dialog/index.json b/src/wxcomponents/weapp/dialog/index.json new file mode 100644 index 0000000..43417fc --- /dev/null +++ b/src/wxcomponents/weapp/dialog/index.json @@ -0,0 +1,9 @@ +{ + "component": true, + "usingComponents": { + "van-popup": "../popup/index", + "van-button": "../button/index", + "van-goods-action": "../goods-action/index", + "van-goods-action-button": "../goods-action-button/index" + } +} diff --git a/src/wxcomponents/weapp/dialog/index.wxml b/src/wxcomponents/weapp/dialog/index.wxml new file mode 100644 index 0000000..f49dee4 --- /dev/null +++ b/src/wxcomponents/weapp/dialog/index.wxml @@ -0,0 +1,113 @@ + + + + + + {{ title }} + + + + + {{ message }} + + + + + {{ cancelButtonText }} + + + {{ confirmButtonText }} + + + + + + {{ cancelButtonText }} + + + {{ confirmButtonText }} + + + diff --git a/src/wxcomponents/weapp/dialog/index.wxss b/src/wxcomponents/weapp/dialog/index.wxss new file mode 100644 index 0000000..571861a --- /dev/null +++ b/src/wxcomponents/weapp/dialog/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-dialog{background-color:var(--dialog-background-color,#fff);border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,320px)}@media (max-width:321px){.van-dialog{width:var(--dialog-small-screen-width,90%)}}.van-dialog__header{font-weight:var(--dialog-header-font-weight,500);line-height:var(--dialog-header-line-height,24px);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.van-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.van-dialog__message{-webkit-overflow-scrolling:touch;font-size:var(--dialog-message-font-size,14px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.van-dialog__message-text{word-wrap:break-word}.van-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,#646566);padding-top:var(--dialog-has-title-message-padding-top,8px)}.van-dialog__message--round-button{color:#323233;padding-bottom:16px}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex}.van-dialog__footer--round-button{padding:8px 24px 16px!important;position:relative!important}.van-dialog__button{flex:1}.van-dialog__cancel,.van-dialog__confirm{border:0!important}.van-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.van-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)} \ No newline at end of file diff --git a/src/wxcomponents/weapp/divider/index.d.ts b/src/wxcomponents/weapp/divider/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/divider/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/divider/index.js b/src/wxcomponents/weapp/divider/index.js new file mode 100644 index 0000000..9596edd --- /dev/null +++ b/src/wxcomponents/weapp/divider/index.js @@ -0,0 +1,12 @@ +import { VantComponent } from '../common/component'; +VantComponent({ + props: { + dashed: Boolean, + hairline: Boolean, + contentPosition: String, + fontSize: String, + borderColor: String, + textColor: String, + customStyle: String, + }, +}); diff --git a/src/wxcomponents/weapp/divider/index.json b/src/wxcomponents/weapp/divider/index.json new file mode 100644 index 0000000..a89ef4d --- /dev/null +++ b/src/wxcomponents/weapp/divider/index.json @@ -0,0 +1,4 @@ +{ + "component": true, + "usingComponents": {} +} diff --git a/src/wxcomponents/weapp/divider/index.wxml b/src/wxcomponents/weapp/divider/index.wxml new file mode 100644 index 0000000..f6a5a45 --- /dev/null +++ b/src/wxcomponents/weapp/divider/index.wxml @@ -0,0 +1,9 @@ + + + + + + diff --git a/src/wxcomponents/weapp/divider/index.wxs b/src/wxcomponents/weapp/divider/index.wxs new file mode 100644 index 0000000..215b14f --- /dev/null +++ b/src/wxcomponents/weapp/divider/index.wxs @@ -0,0 +1,18 @@ +/* eslint-disable */ +var style = require('../wxs/style.wxs'); +var addUnit = require('../wxs/add-unit.wxs'); + +function rootStyle(data) { + return style([ + { + 'border-color': data.borderColor, + color: data.textColor, + 'font-size': addUnit(data.fontSize), + }, + data.customStyle, + ]); +} + +module.exports = { + rootStyle: rootStyle, +}; diff --git a/src/wxcomponents/weapp/divider/index.wxss b/src/wxcomponents/weapp/divider/index.wxss new file mode 100644 index 0000000..e91dc44 --- /dev/null +++ b/src/wxcomponents/weapp/divider/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-divider{align-items:center;border:0 solid var(--divider-border-color,#ebedf0);color:var(--divider-text-color,#969799);display:flex;font-size:var(--divider-font-size,14px);line-height:var(--divider-line-height,24px);margin:var(--divider-margin,16px 0)}.van-divider:after,.van-divider:before{border-color:inherit;border-style:inherit;border-width:1px 0 0;box-sizing:border-box;display:block;flex:1;height:1px}.van-divider:before{content:""}.van-divider--hairline:after,.van-divider--hairline:before{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--center:before,.van-divider--left:before,.van-divider--right:before{margin-right:var(--divider-content-padding,16px)}.van-divider--center:after,.van-divider--left:after,.van-divider--right:after{content:"";margin-left:var(--divider-content-padding,16px)}.van-divider--left:before{max-width:var(--divider-content-left-width,10%)}.van-divider--right:after{max-width:var(--divider-content-right-width,10%)} \ No newline at end of file diff --git a/src/wxcomponents/weapp/dropdown-item/index.d.ts b/src/wxcomponents/weapp/dropdown-item/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-item/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/dropdown-item/index.js b/src/wxcomponents/weapp/dropdown-item/index.js new file mode 100644 index 0000000..0b0d00f --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-item/index.js @@ -0,0 +1,102 @@ +import { useParent } from '../common/relation'; +import { VantComponent } from '../common/component'; +VantComponent({ + field: true, + relation: useParent('dropdown-menu', function () { + this.updateDataFromParent(); + }), + props: { + value: { + type: null, + observer: 'rerender', + }, + title: { + type: String, + observer: 'rerender', + }, + disabled: Boolean, + titleClass: { + type: String, + observer: 'rerender', + }, + options: { + type: Array, + value: [], + observer: 'rerender', + }, + popupStyle: String, + }, + data: { + transition: true, + showPopup: false, + showWrapper: false, + displayTitle: '', + }, + methods: { + rerender() { + wx.nextTick(() => { + var _a; + (_a = this.parent) === null || _a === void 0 ? void 0 : _a.updateItemListData(); + }); + }, + updateDataFromParent() { + if (this.parent) { + const { overlay, duration, activeColor, closeOnClickOverlay, direction, } = this.parent.data; + this.setData({ + overlay, + duration, + activeColor, + closeOnClickOverlay, + direction, + }); + } + }, + onOpen() { + this.$emit('open'); + }, + onOpened() { + this.$emit('opened'); + }, + onClose() { + this.$emit('close'); + }, + onClosed() { + this.$emit('closed'); + this.setData({ showWrapper: false }); + }, + onOptionTap(event) { + const { option } = event.currentTarget.dataset; + const { value } = option; + const shouldEmitChange = this.data.value !== value; + this.setData({ showPopup: false, value }); + this.$emit('close'); + this.rerender(); + if (shouldEmitChange) { + this.$emit('change', value); + } + }, + toggle(show, options = {}) { + var _a; + const { showPopup } = this.data; + if (typeof show !== 'boolean') { + show = !showPopup; + } + if (show === showPopup) { + return; + } + this.setData({ + transition: !options.immediate, + showPopup: show, + }); + if (show) { + (_a = this.parent) === null || _a === void 0 ? void 0 : _a.getChildWrapperStyle().then((wrapperStyle) => { + this.setData({ wrapperStyle, showWrapper: true }); + this.rerender(); + }); + } + else { + this.rerender(); + } + }, + }, +}); diff --git a/src/wxcomponents/weapp/dropdown-item/index.json b/src/wxcomponents/weapp/dropdown-item/index.json new file mode 100644 index 0000000..88d5409 --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-item/index.json @@ -0,0 +1,8 @@ +{ + "component": true, + "usingComponents": { + "van-popup": "../popup/index", + "van-cell": "../cell/index", + "van-icon": "../icon/index" + } +} diff --git a/src/wxcomponents/weapp/dropdown-item/index.wxml b/src/wxcomponents/weapp/dropdown-item/index.wxml new file mode 100644 index 0000000..dd75292 --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-item/index.wxml @@ -0,0 +1,48 @@ + + + + + + + {{ item.text }} + + + + + + + diff --git a/src/wxcomponents/weapp/dropdown-item/index.wxss b/src/wxcomponents/weapp/dropdown-item/index.wxss new file mode 100644 index 0000000..80505e9 --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-item/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active .van-dropdown-item__icon,.van-dropdown-item__option--active .van-dropdown-item__title{color:var(--dropdown-menu-option-active-color,#ee0a24)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__icon{display:block;line-height:inherit} \ No newline at end of file diff --git a/src/wxcomponents/weapp/dropdown-item/shared.d.ts b/src/wxcomponents/weapp/dropdown-item/shared.d.ts new file mode 100644 index 0000000..774eb4c --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-item/shared.d.ts @@ -0,0 +1,5 @@ +export interface Option { + text: string; + value: string | number; + icon: string; +} diff --git a/src/wxcomponents/weapp/dropdown-item/shared.js b/src/wxcomponents/weapp/dropdown-item/shared.js new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-item/shared.js @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/dropdown-menu/index.d.ts b/src/wxcomponents/weapp/dropdown-menu/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-menu/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/dropdown-menu/index.js b/src/wxcomponents/weapp/dropdown-menu/index.js new file mode 100644 index 0000000..1ed1a87 --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-menu/index.js @@ -0,0 +1,112 @@ +import { VantComponent } from '../common/component'; +import { useChildren } from '../common/relation'; +import { addUnit, getRect, getSystemInfoSync } from '../common/utils'; +let ARRAY = []; +VantComponent({ + field: true, + relation: useChildren('dropdown-item', function () { + this.updateItemListData(); + }), + props: { + activeColor: { + type: String, + observer: 'updateChildrenData', + }, + overlay: { + type: Boolean, + value: true, + observer: 'updateChildrenData', + }, + zIndex: { + type: Number, + value: 10, + }, + duration: { + type: Number, + value: 200, + observer: 'updateChildrenData', + }, + direction: { + type: String, + value: 'down', + observer: 'updateChildrenData', + }, + closeOnClickOverlay: { + type: Boolean, + value: true, + observer: 'updateChildrenData', + }, + closeOnClickOutside: { + type: Boolean, + value: true, + }, + }, + data: { + itemListData: [], + }, + beforeCreate() { + const { windowHeight } = getSystemInfoSync(); + this.windowHeight = windowHeight; + ARRAY.push(this); + }, + destroyed() { + ARRAY = ARRAY.filter((item) => item !== this); + }, + methods: { + updateItemListData() { + this.setData({ + itemListData: this.children.map((child) => child.data), + }); + }, + updateChildrenData() { + this.children.forEach((child) => { + child.updateDataFromParent(); + }); + }, + toggleItem(active) { + this.children.forEach((item, index) => { + const { showPopup } = item.data; + if (index === active) { + item.toggle(); + } + else if (showPopup) { + item.toggle(false, { immediate: true }); + } + }); + }, + close() { + this.children.forEach((child) => { + child.toggle(false, { immediate: true }); + }); + }, + getChildWrapperStyle() { + const { zIndex, direction } = this.data; + return getRect(this, '.van-dropdown-menu').then((rect) => { + const { top = 0, bottom = 0 } = rect; + const offset = direction === 'down' ? bottom : this.windowHeight - top; + let wrapperStyle = `z-index: ${zIndex};`; + if (direction === 'down') { + wrapperStyle += `top: ${addUnit(offset)};`; + } + else { + wrapperStyle += `bottom: ${addUnit(offset)};`; + } + return wrapperStyle; + }); + }, + onTitleTap(event) { + const { index } = event.currentTarget.dataset; + const child = this.children[index]; + if (!child.data.disabled) { + ARRAY.forEach((menuItem) => { + if (menuItem && + menuItem.data.closeOnClickOutside && + menuItem !== this) { + menuItem.close(); + } + }); + this.toggleItem(index); + } + }, + }, +}); diff --git a/src/wxcomponents/weapp/dropdown-menu/index.json b/src/wxcomponents/weapp/dropdown-menu/index.json new file mode 100644 index 0000000..467ce29 --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-menu/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} diff --git a/src/wxcomponents/weapp/dropdown-menu/index.wxml b/src/wxcomponents/weapp/dropdown-menu/index.wxml new file mode 100644 index 0000000..cfd661d --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-menu/index.wxml @@ -0,0 +1,23 @@ + + + + + + + + {{ computed.displayTitle(item) }} + + + + + + diff --git a/src/wxcomponents/weapp/dropdown-menu/index.wxs b/src/wxcomponents/weapp/dropdown-menu/index.wxs new file mode 100644 index 0000000..6538854 --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-menu/index.wxs @@ -0,0 +1,16 @@ +/* eslint-disable */ +function displayTitle(item) { + if (item.title) { + return item.title; + } + + var match = item.options.filter(function(option) { + return option.value === item.value; + }); + var displayTitle = match.length ? match[0].text : ''; + return displayTitle; +} + +module.exports = { + displayTitle: displayTitle +}; diff --git a/src/wxcomponents/weapp/dropdown-menu/index.wxss b/src/wxcomponents/weapp/dropdown-menu/index.wxss new file mode 100644 index 0000000..daa5748 --- /dev/null +++ b/src/wxcomponents/weapp/dropdown-menu/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-dropdown-menu{background-color:var(--dropdown-menu-background-color,#fff);box-shadow:var(--dropdown-menu-box-shadow,0 2px 12px hsla(210,1%,40%,.12));display:flex;height:var(--dropdown-menu-height,50px);-webkit-user-select:none;user-select:none}.van-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,#969799)}.van-dropdown-menu__title{box-sizing:border-box;color:var(--dropdown-menu-title-text-color,#323233);font-size:var(--dropdown-menu-title-font-size,15px);line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 8px);position:relative}.van-dropdown-menu__title:after{border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:3px;content:"";margin-top:-5px;opacity:.8;position:absolute;right:-4px;top:50%;transform:rotate(-45deg)}.van-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,#ee0a24)}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)} \ No newline at end of file diff --git a/src/wxcomponents/weapp/empty/index.d.ts b/src/wxcomponents/weapp/empty/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/empty/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/empty/index.js b/src/wxcomponents/weapp/empty/index.js new file mode 100644 index 0000000..842e1bb --- /dev/null +++ b/src/wxcomponents/weapp/empty/index.js @@ -0,0 +1,10 @@ +import { VantComponent } from '../common/component'; +VantComponent({ + props: { + description: String, + image: { + type: String, + value: 'default', + }, + }, +}); diff --git a/src/wxcomponents/weapp/empty/index.json b/src/wxcomponents/weapp/empty/index.json new file mode 100644 index 0000000..a89ef4d --- /dev/null +++ b/src/wxcomponents/weapp/empty/index.json @@ -0,0 +1,4 @@ +{ + "component": true, + "usingComponents": {} +} diff --git a/src/wxcomponents/weapp/empty/index.wxml b/src/wxcomponents/weapp/empty/index.wxml new file mode 100644 index 0000000..9c7b719 --- /dev/null +++ b/src/wxcomponents/weapp/empty/index.wxml @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + {{ description }} + + + + + + diff --git a/src/wxcomponents/weapp/empty/index.wxs b/src/wxcomponents/weapp/empty/index.wxs new file mode 100644 index 0000000..cf92ece --- /dev/null +++ b/src/wxcomponents/weapp/empty/index.wxs @@ -0,0 +1,15 @@ +/* eslint-disable */ +var PRESETS = ['error', 'search', 'default', 'network']; + +function imageUrl(image) { + if (PRESETS.indexOf(image) !== -1) { + return 'https://img.yzcdn.cn/vant/empty-image-' + image + '.png'; + } + + return image; +} + +module.exports = { + imageUrl: imageUrl, +}; + diff --git a/src/wxcomponents/weapp/empty/index.wxss b/src/wxcomponents/weapp/empty/index.wxss new file mode 100644 index 0000000..0fb74fe --- /dev/null +++ b/src/wxcomponents/weapp/empty/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-empty{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:32px 0}.van-empty__image{height:160px;width:160px}.van-empty__image:empty{display:none}.van-empty__image__img{height:100%;width:100%}.van-empty__image:not(:empty)+.van-empty__image{display:none}.van-empty__description{color:#969799;font-size:14px;line-height:20px;margin-top:16px;padding:0 60px}.van-empty__description:empty,.van-empty__description:not(:empty)+.van-empty__description{display:none}.van-empty__bottom{margin-top:24px} \ No newline at end of file diff --git a/src/wxcomponents/weapp/field/index.d.ts b/src/wxcomponents/weapp/field/index.d.ts new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/wxcomponents/weapp/field/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/src/wxcomponents/weapp/field/index.js b/src/wxcomponents/weapp/field/index.js new file mode 100644 index 0000000..35627a2 --- /dev/null +++ b/src/wxcomponents/weapp/field/index.js @@ -0,0 +1,107 @@ +import { nextTick } from '../common/utils'; +import { VantComponent } from '../common/component'; +import { commonProps, inputProps, textareaProps } from './props'; +VantComponent({ + field: true, + classes: ['input-class', 'right-icon-class', 'label-class'], + props: Object.assign(Object.assign(Object.assign(Object.assign({}, commonProps), inputProps), textareaProps), { size: String, icon: String, label: String, error: Boolean, center: Boolean, isLink: Boolean, leftIcon: String, rightIcon: String, autosize: null, required: Boolean, iconClass: String, clickable: Boolean, inputAlign: String, customStyle: String, errorMessage: String, arrowDirection: String, showWordLimit: Boolean, errorMessageAlign: String, readonly: { + type: Boolean, + observer: 'setShowClear', + }, clearable: { + type: Boolean, + observer: 'setShowClear', + }, clearTrigger: { + type: String, + value: 'focus', + }, border: { + type: Boolean, + value: true, + }, titleWidth: { + type: String, + value: '6.2em', + }, clearIcon: { + type: String, + value: 'clear', + } }), + data: { + focused: false, + innerValue: '', + showClear: false, + }, + created() { + this.value = this.data.value; + this.setData({ innerValue: this.value }); + }, + methods: { + onInput(event) { + const { value = '' } = event.detail || {}; + this.value = value; + this.setShowClear(); + this.emitChange(); + }, + onFocus(event) { + this.focused = true; + this.setShowClear(); + this.$emit('focus', event.detail); + }, + onBlur(event) { + this.focused = false; + this.setShowClear(); + this.$emit('blur', event.detail); + }, + onClickIcon() { + this.$emit('click-icon'); + }, + onClickInput(event) { + this.$emit('click-input', event.detail); + }, + onClear() { + this.setData({ innerValue: '' }); + this.value = ''; + this.setShowClear(); + nextTick(() => { + this.emitChange(); + this.$emit('clear', ''); + }); + }, + onConfirm(event) { + const { value = '' } = event.detail || {}; + this.value = value; + this.setShowClear(); + this.$emit('confirm', value); + }, + setValue(value) { + this.value = value; + this.setShowClear(); + if (value === '') { + this.setData({ innerValue: '' }); + } + this.emitChange(); + }, + onLineChange(event) { + this.$emit('linechange', event.detail); + }, + onKeyboardHeightChange(event) { + this.$emit('keyboardheightchange', event.detail); + }, + emitChange() { + this.setData({ value: this.value }); + nextTick(() => { + this.$emit('input', this.value); + this.$emit('change', this.value); + }); + }, + setShowClear() { + const { clearable, readonly, clearTrigger } = this.data; + const { focused, value } = this; + let showClear = false; + if (clearable && !readonly) { + const hasValue = !!value; + const trigger = clearTrigger === 'always' || (clearTrigger === 'focus' && focused); + showClear = hasValue && trigger; + } + this.setData({ showClear }); + }, + noop() { }, + }, +}); diff --git a/src/wxcomponents/weapp/field/index.json b/src/wxcomponents/weapp/field/index.json new file mode 100644 index 0000000..5906c50 --- /dev/null +++ b/src/wxcomponents/weapp/field/index.json @@ -0,0 +1,7 @@ +{ + "component": true, + "usingComponents": { + "van-cell": "../cell/index", + "van-icon": "../icon/index" + } +} diff --git a/src/wxcomponents/weapp/field/index.wxml b/src/wxcomponents/weapp/field/index.wxml new file mode 100644 index 0000000..ec2e0ea --- /dev/null +++ b/src/wxcomponents/weapp/field/index.wxml @@ -0,0 +1,56 @@ + + + + + + + {{ label }} + + + + + + + + + + + + + + + + + + + + + {{ value.length >= maxlength ? maxlength : value.length }}/{{ maxlength }} + + + {{ errorMessage }} + + diff --git a/src/wxcomponents/weapp/field/index.wxs b/src/wxcomponents/weapp/field/index.wxs new file mode 100644 index 0000000..78575b9 --- /dev/null +++ b/src/wxcomponents/weapp/field/index.wxs @@ -0,0 +1,18 @@ +/* eslint-disable */ +var style = require('../wxs/style.wxs'); +var addUnit = require('../wxs/add-unit.wxs'); + +function inputStyle(autosize) { + if (autosize && autosize.constructor === 'Object') { + return style({ + 'min-height': addUnit(autosize.minHeight), + 'max-height': addUnit(autosize.maxHeight), + }); + } + + return ''; +} + +module.exports = { + inputStyle: inputStyle, +}; diff --git a/src/wxcomponents/weapp/field/index.wxss b/src/wxcomponents/weapp/field/index.wxss new file mode 100644 index 0000000..7571fe6 --- /dev/null +++ b/src/wxcomponents/weapp/field/index.wxss @@ -0,0 +1 @@ +@import '../common/index.wxss';.van-field{--cell-icon-size:var(--field-icon-size,16px)}.van-field__label{color:var(--field-label-color,#646566)}.van-field__label--disabled{color:var(--field-disabled-text-color,#c8c9cc)}.van-field__body{align-items:center;display:flex}.van-field__body--textarea{box-sizing:border-box;line-height:1.2em;min-height:var(--cell-line-height,24px);padding:3.6px 0}.van-field__control:empty+.van-field__control{display:block}.van-field__control{background-color:initial;border:0;box-sizing:border-box;color:var(--field-input-text-color,#323233);display:none;height:var(--cell-line-height,24px);line-height:inherit;margin:0;min-height:var(--cell-line-height,24px);padding:0;position:relative;resize:none;text-align:left;width:100%}.van-field__control:empty{display:none}.van-field__control--textarea{height:var(--field-text-area-min-height,18px);min-height:var(--field-text-area-min-height,18px)}.van-field__control--error{color:var(--field-input-error-text-color,#ee0a24)}.van-field__control--disabled{background-color:initial;color:var(--field-input-disabled-text-color,#c8c9cc);opacity:1}.van-field__control--center{text-align:center}.van-field__control--right{text-align:right}.van-field__control--custom{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.van-field__placeholder{color:var(--field-placeholder-text-color,#c8c9cc);left:0;pointer-events:none;position:absolute;right:0;top:0}.van-field__placeholder--error{color:var(--field-error-message-color,#ee0a24)}.van-field__icon-root{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.van-field__clear-root,.van-field__icon-container{line-height:inherit;margin-right:calc(var(--padding-xs, 8px)*-1);padding:0 var(--padding-xs,8px);vertical-align:middle}.van-field__button,.van-field__clear-root,.van-field__icon-container{flex-shrink:0}.van-field__clear-root{color:var(--field-clear-icon-color,#c8c9cc);font-size:var(--field-clear-icon-size,16px)}.van-field__icon-container{color:var(--field-icon-container-color,#969799);font-size:var(--field-icon-size,16px)}.van-field__icon-container:empty{display:none}.van-field__button{padding-left:var(--padding-xs,8px)}.van-field__button:empty{display:none}.van-field__error-message{color:var(--field-error-message-color,#ee0a24);font-size:var(--field-error-message-text-font-size,12px);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{color:var(--field-word-limit-color,#646566);font-size:var(--field-word-limit-font-size,12px);line-height:var(--field-word-limit-line-height,16px);margin-top:var(--padding-base,4px);text-align:right}.van-field__word-num{display:inline}.van-field__word-num--full{color:var(--field-word-num-full-color,#ee0a24)} \ No newline at end of file diff --git a/src/wxcomponents/weapp/field/input.wxml b/src/wxcomponents/weapp/field/input.wxml new file mode 100644 index 0000000..efe9a08 --- /dev/null +++ b/src/wxcomponents/weapp/field/input.wxml @@ -0,0 +1,28 @@ + diff --git a/src/wxcomponents/weapp/field/props.d.ts b/src/wxcomponents/weapp/field/props.d.ts new file mode 100644 index 0000000..5cd130a --- /dev/null +++ b/src/wxcomponents/weapp/field/props.d.ts @@ -0,0 +1,4 @@ +/// +export declare const commonProps: WechatMiniprogram.Component.PropertyOption; +export declare const inputProps: WechatMiniprogram.Component.PropertyOption; +export declare const textareaProps: WechatMiniprogram.Component.PropertyOption; diff --git a/src/wxcomponents/weapp/field/props.js b/src/wxcomponents/weapp/field/props.js new file mode 100644 index 0000000..ae405b3 --- /dev/null +++ b/src/wxcomponents/weapp/field/props.js @@ -0,0 +1,64 @@ +export const commonProps = { + value: { + type: String, + observer(value) { + if (value !== this.value) { + this.setData({ innerValue: value }); + this.value = value; + } + }, + }, + placeholder: String, + placeholderStyle: String, + placeholderClass: String, + disabled: Boolean, + maxlength: { + type: Number, + value: -1, + }, + cursorSpacing: { + type: Number, + value: 50, + }, + autoFocus: Boolean, + focus: Boolean, + cursor: { + type: Number, + value: -1, + }, + selectionStart: { + type: Number, + value: -1, + }, + selectionEnd: { + type: Number, + value: -1, + }, + adjustPosition: { + type: Boolean, + value: true, + }, + holdKeyboard: Boolean, +}; +export const inputProps = { + type: { + type: String, + value: 'text', + }, + password: Boolean, + confirmType: String, + confirmHold: Boolean, + alwaysEmbed: Boolean, +}; +export const textareaProps = { + autoHeight: Boolean, + fixed: Boolean, + showConfirmBar: { + type: Boolean, + value: true, + }, + disableDefaultPadding: { + type: Boolean, + value: true, + }, +}; diff --git a/src/wxcomponents/weapp/field/textarea.wxml b/src/wxcomponents/weapp/field/textarea.wxml new file mode 100644 index 0000000..5015a51 --- /dev/null +++ b/src/wxcomponents/weapp/field/textarea.wxml @@ -0,0 +1,29 @@ +