简柏林 / thingskit-front · Commits

Commit 6e644c7885a3ac3bc010663d632cb18e9e5a50aa

Authored by loveumiko
1 parent 3c631aec

fix: 修复看板文本文字大小点击加减时会消失的问题

Inline Side-by-side
Showing 23 changed files with 112 additions and 36 deletions
... ... @@ -175,7 +175,10 @@
175 175 label: '取消收藏',
176 176 auth: 'api:yt:device:online:record',
177 177 icon: 'ant-design:heart-outlined',
178   - onClick: handelCollect.bind(null, record),
  178 + popConfirm: {
  179 + title: '是否取消收藏',
  180 + confirm: handelCollect.bind(null, record),
  181 + },
179 182 },
180 183 {
181 184 label: '删除',
... ...
... ... @@ -45,7 +45,7 @@
45 45 min: 0,
46 46 max: 100,
47 47 formatter: (e) => {
48   - const value = e.replace(/^0/g, '');
  48 + const value = e?.toString().replace(/^0/g, '');
49 49 if (value) {
50 50 return value.replace(/^0/g, '');
51 51 } else {
... ...
... ... @@ -24,6 +24,18 @@
24 24 label: '文本字体大小',
25 25 component: 'InputNumber',
26 26 defaultValue: 14,
  27 + componentProps: {
  28 + min: 0,
  29 + max: 100,
  30 + formatter: (e) => {
  31 + const value = e?.toString().replace(/^0/g, '');
  32 + if (value) {
  33 + return value.replace(/^0/g, '');
  34 + } else {
  35 + return 0;
  36 + }
  37 + },
  38 + },
27 39 },
28 40 {
29 41 field: ComponentConfigFieldEnum.SHOW_DEVICE_NAME,
... ...
... ... @@ -36,7 +36,19 @@
36 36 field: ComponentConfigFieldEnum.FONT_SIZE,
37 37 label: '文本字体大小',
38 38 component: 'InputNumber',
39   - defaultValue: option.fontSize,
  39 + defaultValue: 14,
  40 + componentProps: {
  41 + min: 0,
  42 + max: 100,
  43 + formatter: (e) => {
  44 + const value = e?.toString().replace(/^0/g, '');
  45 + if (value) {
  46 + return value.replace(/^0/g, '');
  47 + } else {
  48 + return 0;
  49 + }
  50 + },
  51 + },
40 52 },
41 53 {
42 54 field: ComponentConfigFieldEnum.PASS_WORD,
... ...
... ... @@ -22,7 +22,19 @@
22 22 field: ComponentConfigFieldEnum.FONT_SIZE,
23 23 label: '文本字体大小',
24 24 component: 'InputNumber',
25   - defaultValue: option.fontSize,
  25 + defaultValue: 14,
  26 + componentProps: {
  27 + min: 0,
  28 + max: 100,
  29 + formatter: (e) => {
  30 + const value = e?.toString().replace(/^0/g, '');
  31 + if (value) {
  32 + return value.replace(/^0/g, '');
  33 + } else {
  34 + return 0;
  35 + }
  36 + },
  37 + },
26 38 },
27 39 {
28 40 field: ComponentConfigFieldEnum.PASS_WORD,
... ...
... ... @@ -18,14 +18,38 @@
18 18 field: ComponentConfigFieldEnum.VALUE_SIZE,
19 19 label: '数值字体大小',
20 20 component: 'InputNumber',
21   - defaultValue: option.fontSize,
  21 + defaultValue: 14,
  22 + componentProps: {
  23 + min: 0,
  24 + max: 100,
  25 + formatter: (e) => {
  26 + const value = e?.toString().replace(/^0/g, '');
  27 + if (value) {
  28 + return value.replace(/^0/g, '');
  29 + } else {
  30 + return 0;
  31 + }
  32 + },
  33 + },
22 34 },
23 35 {
24 36 field: ComponentConfigFieldEnum.TEXT_COLOR,
25 37 label: '文本字体颜色',
26 38 component: 'ColorPicker',
27 39 changeEvent: 'update:value',
28   - defaultValue: option.fontColor,
  40 + defaultValue: 14,
  41 + componentProps: {
  42 + min: 0,
  43 + max: 100,
  44 + formatter: (e) => {
  45 + const value = e?.toString().replace(/^0/g, '');
  46 + if (value) {
  47 + return value.replace(/^0/g, '');
  48 + } else {
  49 + return 0;
  50 + }
  51 + },
  52 + },
29 53 },
30 54 {
31 55 field: ComponentConfigFieldEnum.FONT_SIZE,
... ...
... ... @@ -30,7 +30,19 @@
30 30 field: ComponentConfigFieldEnum.FONT_SIZE,
31 31 label: '文本字体大小',
32 32 component: 'InputNumber',
33   - defaultValue: option.fontSize,
  33 + defaultValue: 14,
  34 + componentProps: {
  35 + min: 0,
  36 + max: 100,
  37 + formatter: (e) => {
  38 + const value = e?.toString().replace(/^0/g, '');
  39 + if (value) {
  40 + return value.replace(/^0/g, '');
  41 + } else {
  42 + return 0;
  43 + }
  44 + },
  45 + },
34 46 },
35 47 {
36 48 field: ComponentConfigFieldEnum.SHOW_DEVICE_NAME,
... ...
... ... @@ -58,7 +58,7 @@
58 58 min: 0,
59 59 max: 100,
60 60 formatter: (e) => {
61   - const value = e.replace(/^0/g, '');
  61 + const value = e?.toString().replace(/^0/g, '');
62 62 if (value) {
63 63 return value.replace(/^0/g, '');
64 64 } else {
... ... @@ -76,7 +76,7 @@
76 76 min: 0,
77 77 max: 100,
78 78 formatter: (e) => {
79   - const value = e.replace(/^0/g, '');
  79 + const value = e?.toString().replace(/^0/g, '');
80 80 if (value) {
81 81 return value.replace(/^0/g, '');
82 82 } else {
... ...
... ... @@ -64,7 +64,7 @@
64 64 min: 0,
65 65 max: 100,
66 66 formatter: (e) => {
67   - const value = e.replace(/^0/g, '');
  67 + const value = e?.toString().replace(/^0/g, '');
68 68 if (value) {
69 69 return value.replace(/^0/g, '');
70 70 } else {
... ... @@ -82,7 +82,7 @@
82 82 min: 0,
83 83 max: 100,
84 84 formatter: (e) => {
85   - const value = e.replace(/^0/g, '');
  85 + const value = e?.toString().replace(/^0/g, '');
86 86 if (value) {
87 87 return value.replace(/^0/g, '');
88 88 } else {
... ...
... ... @@ -2,6 +2,7 @@
2 2 import { ComponentConfigFieldEnum } from '/@/views/visual/packages/enum';
3 3 import { useForm, BasicForm } from '/@/components/Form';
4 4 import { PublicFormInstaceType } from '/@/views/visual/dataSourceBindPanel/index.type';
  5 + import { nextTick } from 'vue';
5 6
6 7 const [register, { getFieldsValue, setFieldsValue, resetFields }] = useForm({
7 8 schemas: [
... ... @@ -28,7 +29,7 @@
28 29 min: 0,
29 30 max: 100,
30 31 formatter: (e) => {
31   - const value = e.replace(/^0/g, '');
  32 + const value = e?.toString().replace(/^0/g, '');
32 33 if (value) {
33 34 return value.replace(/^0/g, '');
34 35 } else {
... ...
... ... @@ -58,7 +58,7 @@
58 58 min: 0,
59 59 max: 100,
60 60 formatter: (e) => {
61   - const value = e.replace(/^0/g, '');
  61 + const value = e?.toString().replace(/^0/g, '');
62 62 if (value) {
63 63 return value.replace(/^0/g, '');
64 64 } else {
... ... @@ -76,7 +76,7 @@
76 76 min: 0,
77 77 max: 100,
78 78 formatter: (e) => {
79   - const value = e.replace(/^0/g, '');
  79 + const value = e?.toString().replace(/^0/g, '');
80 80 if (value) {
81 81 return value.replace(/^0/g, '');
82 82 } else {
... ...
... ... @@ -72,7 +72,7 @@
72 72 min: 0,
73 73 max: 100,
74 74 formatter: (e) => {
75   - const value = e.replace(/^0/g, '');
  75 + const value = e?.toString().replace(/^0/g, '');
76 76 if (value) {
77 77 return value.replace(/^0/g, '');
78 78 } else {
... ... @@ -90,7 +90,7 @@
90 90 min: 0,
91 91 max: 100,
92 92 formatter: (e) => {
93   - const value = e.replace(/^0/g, '');
  93 + const value = e?.toString().replace(/^0/g, '');
94 94 if (value) {
95 95 return value.replace(/^0/g, '');
96 96 } else {
... ...
... ... @@ -51,7 +51,7 @@
51 51 min: 0,
52 52 max: 100,
53 53 formatter: (e) => {
54   - const value = e.replace(/^0/g, '');
  54 + const value = e?.toString().replace(/^0/g, '');
55 55 if (value) {
56 56 return value.replace(/^0/g, '');
57 57 } else {
... ... @@ -69,7 +69,7 @@
69 69 min: 0,
70 70 max: 100,
71 71 formatter: (e) => {
72   - const value = e.replace(/^0/g, '');
  72 + const value = e?.toString().replace(/^0/g, '');
73 73 if (value) {
74 74 return value.replace(/^0/g, '');
75 75 } else {
... ...
... ... @@ -62,7 +62,7 @@
62 62 min: 0,
63 63 max: 100,
64 64 formatter: (e) => {
65   - const value = e.replace(/^0/g, '');
  65 + const value = e?.toString().replace(/^0/g, '');
66 66 if (value) {
67 67 return value.replace(/^0/g, '');
68 68 } else {
... ... @@ -80,7 +80,7 @@
80 80 min: 0,
81 81 max: 100,
82 82 formatter: (e) => {
83   - const value = e.replace(/^0/g, '');
  83 + const value = e?.toString().replace(/^0/g, '');
84 84 if (value) {
85 85 return value.replace(/^0/g, '');
86 86 } else {
... ...
... ... @@ -85,7 +85,7 @@
85 85 min: 0,
86 86 max: 100,
87 87 formatter: (e) => {
88   - const value = e.replace(/^0/g, '');
  88 + const value = e?.toString().replace(/^0/g, '');
89 89 if (value) {
90 90 return value.replace(/^0/g, '');
91 91 } else {
... ... @@ -103,7 +103,7 @@
103 103 min: 0,
104 104 max: 100,
105 105 formatter: (e) => {
106   - const value = e.replace(/^0/g, '');
  106 + const value = e?.toString().replace(/^0/g, '');
107 107 if (value) {
108 108 return value.replace(/^0/g, '');
109 109 } else {
... ...
... ... @@ -33,7 +33,7 @@
33 33 min: 0,
34 34 max: 100,
35 35 formatter: (e) => {
36   - const value = e.replace(/^0/g, '');
  36 + const value = e?.toString().replace(/^0/g, '');
37 37 if (value) {
38 38 return value.replace(/^0/g, '');
39 39 } else {
... ...
... ... @@ -55,7 +55,7 @@
55 55 min: 0,
56 56 max: 100,
57 57 formatter: (e) => {
58   - const value = e.replace(/^0/g, '');
  58 + const value = e?.toString().replace(/^0/g, '');
59 59 if (value) {
60 60 return value.replace(/^0/g, '');
61 61 } else {
... ...
... ... @@ -28,7 +28,7 @@
28 28 min: 0,
29 29 max: 100,
30 30 formatter: (e) => {
31   - const value = e.replace(/^0/g, '');
  31 + const value = e?.toString().replace(/^0/g, '');
32 32 if (value) {
33 33 return value.replace(/^0/g, '');
34 34 } else {
... ... @@ -45,7 +45,7 @@
45 45 componentProps: {
46 46 min: 0,
47 47 formatter: (e) => {
48   - const value = e.replace(/^0/g, '');
  48 + const value = e?.toString().replace(/^0/g, '');
49 49 if (value) {
50 50 return value.replace(/^0/g, '');
51 51 } else {
... ...
... ... @@ -28,7 +28,7 @@
28 28 min: 0,
29 29 max: 100,
30 30 formatter: (e) => {
31   - const value = e.replace(/^0/g, '');
  31 + const value = e?.toString().replace(/^0/g, '');
32 32 if (value) {
33 33 return value.replace(/^0/g, '');
34 34 } else {
... ... @@ -46,7 +46,7 @@
46 46 min: 0,
47 47 max: 100,
48 48 formatter: (e) => {
49   - const value = e.replace(/^0/g, '');
  49 + const value = e?.toString().replace(/^0/g, '');
50 50 if (value) {
51 51 return value.replace(/^0/g, '');
52 52 } else {
... ...
... ... @@ -33,7 +33,7 @@
33 33 min: 0,
34 34 max: 100,
35 35 formatter: (e) => {
36   - const value = e.replace(/^0/g, '');
  36 + const value = e?.toString().replace(/^0/g, '');
37 37 if (value) {
38 38 return value.replace(/^0/g, '');
39 39 } else {
... ... @@ -51,7 +51,7 @@
51 51 min: 0,
52 52 max: 100,
53 53 formatter: (e) => {
54   - const value = e.replace(/^0/g, '');
  54 + const value = e?.toString().replace(/^0/g, '');
55 55 if (value) {
56 56 return value.replace(/^0/g, '');
57 57 } else {
... ...
... ... @@ -32,7 +32,7 @@
32 32 min: 0,
33 33 max: 100,
34 34 formatter: (e) => {
35   - const value = e.replace(/^0/g, '');
  35 + const value = e?.toString().replace(/^0/g, '');
36 36 if (value) {
37 37 return value.replace(/^0/g, '');
38 38 } else {
... ... @@ -50,7 +50,7 @@
50 50 min: 0,
51 51 max: 100,
52 52 formatter: (e) => {
53   - const value = e.replace(/^0/g, '');
  53 + const value = e?.toString().replace(/^0/g, '');
54 54 if (value) {
55 55 return value.replace(/^0/g, '');
56 56 } else {
... ...
... ... @@ -34,7 +34,7 @@
34 34 min: 0,
35 35 max: 100,
36 36 formatter: (e) => {
37   - const value = e.replace(/^0/g, '');
  37 + const value = e?.toString().replace(/^0/g, '');
38 38 if (value) {
39 39 return value.replace(/^0/g, '');
40 40 } else {
... ... @@ -52,7 +52,7 @@
52 52 min: 0,
53 53 max: 100,
54 54 formatter: (e) => {
55   - const value = e.replace(/^0/g, '');
  55 + const value = e?.toString().replace(/^0/g, '');
56 56 if (value) {
57 57 return value.replace(/^0/g, '');
58 58 } else {
... ...
... ... @@ -32,7 +32,7 @@
32 32 componentProps: {
33 33 min: 0,
34 34 formatter: (e) => {
35   - const value = e.replace(/^0/g, '');
  35 + const value = e?.toString().replace(/^0/g, '');
36 36 if (value) {
37 37 return value.replace(/^0/g, '');
38 38 } else {
... ... @@ -50,7 +50,7 @@
50 50 min: 0,
51 51 max: 100,
52 52 formatter: (e) => {
53   - const value = e.replace(/^0/g, '');
  53 + const value = e?.toString().replace(/^0/g, '');
54 54 if (value) {
55 55 return value.replace(/^0/g, '');
56 56 } else {
... ...