Hooke / custom_form

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
f7fe8222 1 parent 02ab19cd

✨ feat(签名控件): 样式和功能调整

Expand all
Inline Side-by-side
Showing 5 changed files with 95 additions and 89 deletions
...@@ -31,6 +31,7 @@ declare module '@vue/runtime-core' { ...@@ -31,6 +31,7 @@ declare module '@vue/runtime-core' {
31 NutCell: typeof import('@nutui/nutui-taro')['Cell'] 31 NutCell: typeof import('@nutui/nutui-taro')['Cell']
32 NutCheckbox: typeof import('@nutui/nutui-taro')['Checkbox'] 32 NutCheckbox: typeof import('@nutui/nutui-taro')['Checkbox']
33 NutCheckboxGroup: typeof import('@nutui/nutui-taro')['CheckboxGroup'] 33 NutCheckboxGroup: typeof import('@nutui/nutui-taro')['CheckboxGroup']
34 + NutCol: typeof import('@nutui/nutui-taro')['Col']
34 NutConfigProvider: typeof import('@nutui/nutui-taro')['ConfigProvider'] 35 NutConfigProvider: typeof import('@nutui/nutui-taro')['ConfigProvider']
35 NutDatePicker: typeof import('@nutui/nutui-taro')['DatePicker'] 36 NutDatePicker: typeof import('@nutui/nutui-taro')['DatePicker']
36 NutDialog: typeof import('@nutui/nutui-taro')['Dialog'] 37 NutDialog: typeof import('@nutui/nutui-taro')['Dialog']
...@@ -46,6 +47,8 @@ declare module '@vue/runtime-core' { ...@@ -46,6 +47,8 @@ declare module '@vue/runtime-core' {
46 NutRadio: typeof import('@nutui/nutui-taro')['Radio'] 47 NutRadio: typeof import('@nutui/nutui-taro')['Radio']
47 NutRadioGroup: typeof import('@nutui/nutui-taro')['RadioGroup'] 48 NutRadioGroup: typeof import('@nutui/nutui-taro')['RadioGroup']
48 NutRate: typeof import('@nutui/nutui-taro')['Rate'] 49 NutRate: typeof import('@nutui/nutui-taro')['Rate']
50 + NutRow: typeof import('@nutui/nutui-taro')['Row']
51 + NutSignature: typeof import('@nutui/nutui-taro')['Signature']
49 NutSwiper: typeof import('@nutui/nutui-taro')['Swiper'] 52 NutSwiper: typeof import('@nutui/nutui-taro')['Swiper']
50 NutSwiperItem: typeof import('@nutui/nutui-taro')['SwiperItem'] 53 NutSwiperItem: typeof import('@nutui/nutui-taro')['SwiperItem']
51 NutTextarea: typeof import('@nutui/nutui-taro')['Textarea'] 54 NutTextarea: typeof import('@nutui/nutui-taro')['Textarea']
......
1 { 1 {
2 - "name": "custom_form", 2 + "name": "custom_form",
3 - "version": "1.0.0", 3 + "version": "1.0.0",
4 - "private": true, 4 + "private": true,
5 - "description": "自定义表单", 5 + "description": "自定义表单",
6 - "templateInfo": { 6 + "templateInfo": {
7 - "name": "vue3-NutUI4", 7 + "name": "vue3-NutUI4",
8 - "typescript": false, 8 + "typescript": false,
9 - "css": "less" 9 + "css": "less"
10 - }, 10 + },
11 - "scripts": { 11 + "scripts": {
12 - "build:weapp": "taro build --type weapp", 12 + "build:weapp": "taro build --type weapp",
13 - "build:swan": "taro build --type swan", 13 + "build:swan": "taro build --type swan",
14 - "build:alipay": "taro build --type alipay", 14 + "build:alipay": "taro build --type alipay",
15 - "build:tt": "taro build --type tt", 15 + "build:tt": "taro build --type tt",
16 - "build:h5": "taro build --type h5", 16 + "build:h5": "taro build --type h5",
17 - "build:rn": "taro build --type rn", 17 + "build:rn": "taro build --type rn",
18 - "build:qq": "taro build --type qq", 18 + "build:qq": "taro build --type qq",
19 - "build:jd": "taro build --type jd", 19 + "build:jd": "taro build --type jd",
20 - "build:quickapp": "taro build --type quickapp", 20 + "build:quickapp": "taro build --type quickapp",
21 - "dev:weapp": "npm run build:weapp -- --watch", 21 + "dev:weapp": "npm run build:weapp -- --watch",
22 - "dev:swan": "npm run build:swan -- --watch", 22 + "dev:swan": "npm run build:swan -- --watch",
23 - "dev:alipay": "npm run build:alipay -- --watch", 23 + "dev:alipay": "npm run build:alipay -- --watch",
24 - "dev:tt": "npm run build:tt -- --watch", 24 + "dev:tt": "npm run build:tt -- --watch",
25 - "dev:h5": "npm run build:h5 -- --watch", 25 + "dev:h5": "npm run build:h5 -- --watch",
26 - "dev:rn": "npm run build:rn -- --watch", 26 + "dev:rn": "npm run build:rn -- --watch",
27 - "dev:qq": "npm run build:qq -- --watch", 27 + "dev:qq": "npm run build:qq -- --watch",
28 - "dev:jd": "npm run build:jd -- --watch", 28 + "dev:jd": "npm run build:jd -- --watch",
29 - "dev:quickapp": "npm run build:quickapp -- --watch" 29 + "dev:quickapp": "npm run build:quickapp -- --watch"
30 - }, 30 + },
31 - "browserslist": [ 31 + "browserslist": [
32 - "last 3 versions", 32 + "last 3 versions",
33 - "Android >= 4.1", 33 + "Android >= 4.1",
34 - "ios >= 8" 34 + "ios >= 8"
35 - ], 35 + ],
36 - "author": "", 36 + "author": "",
37 - "license": "MIT", 37 + "license": "MIT",
38 - "dependencies": { 38 + "dependencies": {
39 - "@babel/runtime": "^7.7.7", 39 + "@babel/runtime": "^7.7.7",
40 - "@nutui/icons-vue-taro": "^0.0.9", 40 + "@nutui/icons-vue-taro": "^0.0.9",
41 - "@nutui/nutui-taro": "^4.0.5", 41 + "@nutui/nutui-taro": "^4.0.5",
42 - "@tarojs/components": "3.6.2", 42 + "@tarojs/components": "3.6.2",
43 - "@tarojs/extend": "^3.6.2", 43 + "@tarojs/extend": "3.6.2",
44 - "@tarojs/helper": "3.6.2", 44 + "@tarojs/helper": "3.6.2",
45 - "@tarojs/plugin-framework-vue3": "3.6.2", 45 + "@tarojs/plugin-framework-vue3": "3.6.2",
46 - "@tarojs/plugin-html": "3.6.2", 46 + "@tarojs/plugin-html": "3.6.2",
47 - "@tarojs/plugin-http": "^3.6.2", 47 + "@tarojs/plugin-http": "^3.6.2",
48 - "@tarojs/plugin-platform-alipay": "3.6.2", 48 + "@tarojs/plugin-platform-alipay": "3.6.2",
49 - "@tarojs/plugin-platform-h5": "3.6.2", 49 + "@tarojs/plugin-platform-h5": "3.6.2",
50 - "@tarojs/plugin-platform-jd": "3.6.2", 50 + "@tarojs/plugin-platform-jd": "3.6.2",
51 - "@tarojs/plugin-platform-qq": "3.6.2", 51 + "@tarojs/plugin-platform-qq": "3.6.2",
52 - "@tarojs/plugin-platform-swan": "3.6.2", 52 + "@tarojs/plugin-platform-swan": "3.6.2",
53 - "@tarojs/plugin-platform-tt": "3.6.2", 53 + "@tarojs/plugin-platform-tt": "3.6.2",
54 - "@tarojs/plugin-platform-weapp": "3.6.2", 54 + "@tarojs/plugin-platform-weapp": "3.6.2",
55 - "@tarojs/runtime": "3.6.2", 55 + "@tarojs/runtime": "3.6.2",
56 - "@tarojs/shared": "3.6.2", 56 + "@tarojs/shared": "3.6.2",
57 - "@tarojs/taro": "3.6.2", 57 + "@tarojs/taro": "3.6.2",
58 - "@vant/area-data": "^1.4.1", 58 + "@vant/area-data": "^1.4.1",
59 - "axios-miniprogram": "^2.0.0-rc-2", 59 + "axios-miniprogram": "^2.0.0-rc-2",
60 - "browser-md5-file": "^1.1.1", 60 + "browser-md5-file": "^1.1.1",
61 - "dayjs": "^1.11.7", 61 + "dayjs": "^1.11.7",
62 - "pinia": "2.0.10", 62 + "js-sha1": "^0.6.0",
63 - "taro-plugin-pinia": "^1.0.0", 63 + "pinia": "2.0.10",
64 - "taro-plugin-style-resource": "^0.1.9", 64 + "taro-plugin-pinia": "^1.0.0",
65 - "vue": "^3.0.0", 65 + "taro-plugin-style-resource": "^0.1.9",
66 - "weixin-js-sdk": "^1.6.0" 66 + "uuid": "^9.0.0",
67 - }, 67 + "vue": "^3.0.0",
68 - "devDependencies": { 68 + "vue-esign": "^1.1.4",
69 - "@babel/core": "^7.8.0", 69 + "weixin-js-sdk": "^1.6.0"
70 - "@tarojs/cli": "3.6.2", 70 + },
71 - "@tarojs/webpack5-runner": "3.6.2", 71 + "devDependencies": {
72 - "@types/webpack-env": "^1.13.6", 72 + "@babel/core": "^7.8.0",
73 - "@vue/babel-plugin-jsx": "^1.0.6", 73 + "@tarojs/cli": "3.6.2",
74 - "@vue/compiler-sfc": "^3.0.0", 74 + "@tarojs/webpack5-runner": "3.6.2",
75 - "babel-preset-taro": "3.6.2", 75 + "@types/webpack-env": "^1.13.6",
76 - "css-loader": "3.4.2", 76 + "@vue/babel-plugin-jsx": "^1.0.6",
77 - "eslint": "^8.12.0", 77 + "@vue/compiler-sfc": "^3.0.0",
78 - "eslint-config-taro": "3.6.2", 78 + "babel-preset-taro": "3.6.2",
79 - "eslint-plugin-vue": "^8.0.0", 79 + "css-loader": "3.4.2",
80 - "style-loader": "1.3.0", 80 + "eslint": "^8.12.0",
81 - "stylelint": "9.3.0", 81 + "eslint-config-taro": "3.6.2",
82 - "unplugin-vue-components": "^0.23.0", 82 + "eslint-plugin-vue": "^8.0.0",
83 - "vue-loader": "^17.0.0", 83 + "style-loader": "1.3.0",
84 - "webpack": "5.69.0" 84 + "stylelint": "9.3.0",
85 - } 85 + "unplugin-vue-components": "^0.23.0",
86 + "vue-loader": "^17.0.0",
87 + "webpack": "5.69.0"
88 + }
86 } 89 }
......
This diff is collapsed. Click to expand it.
...@@ -12,7 +12,7 @@ import ImageUploaderField from '@/components/ImageUploaderField/index.vue' ...@@ -12,7 +12,7 @@ import ImageUploaderField from '@/components/ImageUploaderField/index.vue'
12 import FileUploaderField from '@/components/FileUploaderField/index.vue' 12 import FileUploaderField from '@/components/FileUploaderField/index.vue'
13 import PhoneField from '@/components/PhoneField/index.vue' 13 import PhoneField from '@/components/PhoneField/index.vue'
14 import EmailField from '@/components/EmailField/index.vue' 14 import EmailField from '@/components/EmailField/index.vue'
15 -// import SignField from '@/components/SignField/index.vue' 15 +import SignField from '@/components/SignField/index.vue'
16 import RatePickerField from '@/components/RatePickerField/index.vue' 16 import RatePickerField from '@/components/RatePickerField/index.vue'
17 // import CalendarField from '@/components/CalendarField/index.vue' 17 // import CalendarField from '@/components/CalendarField/index.vue'
18 import IdentityField from '@/components/IdentityField/index.vue' 18 import IdentityField from '@/components/IdentityField/index.vue'
...@@ -119,10 +119,10 @@ export function createComponentType(data) { ...@@ -119,10 +119,10 @@ export function createComponentType(data) {
119 item.name = item.key 119 item.name = item.key
120 item.component = EmailField 120 item.component = EmailField
121 } 121 }
122 - // if (item.component_props.tag === 'sign') { 122 + if (item.component_props.tag === 'sign') {
123 - // item.name = item.key 123 + item.name = item.key
124 - // item.component = SignField 124 + item.component = SignField
125 - // } 125 + }
126 if (item.component_props.tag === 'rate') { 126 if (item.component_props.tag === 'rate') {
127 item.name = item.key 127 item.name = item.key
128 item.component = RatePickerField 128 item.component = RatePickerField
......
This diff is collapsed. Click to expand it.