@cuvp1225/antd 0.1.19-beta.47 → 0.1.19-beta.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/designer.js +10 -10
  2. package/dist/index.js +10 -10
  3. package/lib/cjs/components/comment.js +0 -1
  4. package/lib/cjs/components/unSteps/unisteps.js +17 -17
  5. package/lib/cjs/components/uniButton/unibutton.js +13 -16
  6. package/lib/cjs/components/uniCascader/unicascader.js +8 -8
  7. package/lib/cjs/components/uniModal/unimodal.js +4 -4
  8. package/lib/cjs/components/uniRadio/uniradio.js +22 -22
  9. package/lib/cjs/components/uniSelect/uniselect.js +7 -7
  10. package/lib/cjs/components/uniSwitch/uniswitch.js +4 -4
  11. package/lib/cjs/components/uniTabs/unitabs.js +13 -13
  12. package/lib/cjs/components/uniUpload/uniupload.js +5 -5
  13. package/lib/esm/components/comment.js +0 -1
  14. package/lib/esm/components/unSteps/unisteps.js +17 -17
  15. package/lib/esm/components/uniButton/unibutton.js +12 -15
  16. package/lib/esm/components/uniCascader/unicascader.js +8 -8
  17. package/lib/esm/components/uniModal/unimodal.js +4 -4
  18. package/lib/esm/components/uniRadio/uniradio.js +22 -22
  19. package/lib/esm/components/uniSelect/uniselect.js +7 -7
  20. package/lib/esm/components/uniSwitch/uniswitch.js +4 -4
  21. package/lib/esm/components/uniTabs/unitabs.js +13 -13
  22. package/lib/esm/components/uniUpload/uniupload.js +5 -5
  23. package/package.json +2 -2
package/lib/cjs/components/comment.js CHANGED
@@ -9,7 +9,6 @@ const helpers_1 = require("@cuvp1225/helpers");
9
9
  function CommentDesigner(_a) {
10
10
  var { children, content } = _a, _b = helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", "content", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
11
11
  const commentRef = (0, react_1.useRef)(null);
12
- console.log("wxy-Comment-datdId: ", dataId);
13
12
  (0, react_1.useEffect)(() => {
14
13
  Promise.resolve().then(() => {
15
14
  const popoverNode = document.querySelector(`.${dataId}`);
package/lib/cjs/components/unSteps/unisteps.js CHANGED
@@ -8,70 +8,70 @@ const slottype_1 = require("../../helpers/slottype");
8
8
  const UniSteps = (_a) => {
9
9
  var _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
10
10
  const redCss = `
11
- .uni-${dataId} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
11
+ .uni-${rest.tid} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
12
12
  background: #B30000;
13
13
  }
14
- .uni-${dataId} .ant-steps-item-process .ant-steps-item-icon {
14
+ .uni-${rest.tid} .ant-steps-item-process .ant-steps-item-icon {
15
15
  background-color: #fff;
16
16
  border-color: #B30000;
17
17
  }
18
18
 
19
- .uni-${dataId} .ant-steps-item-finish .ant-steps-item-icon {
19
+ .uni-${rest.tid} .ant-steps-item-finish .ant-steps-item-icon {
20
20
  background-color: #fff;
21
21
  border-color: #B30000;
22
22
  }
23
23
 
24
- .uni-${dataId} .anticon svg {
24
+ .uni-${rest.tid} .anticon svg {
25
25
  color: #B30000;
26
26
  }
27
27
 
28
28
 
29
- .uni-${dataId} .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
29
+ .uni-${rest.tid} .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
30
30
  background-color: #f0f0f0;
31
31
  }
32
32
  `;
33
33
  const blueCss = `
34
- .uni-${dataId} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
34
+ .uni-${rest.tid} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
35
35
  background: #1890ff;
36
36
  }
37
- .uni-${dataId} .ant-steps-item-process .ant-steps-item-icon {
37
+ .uni-${rest.tid} .ant-steps-item-process .ant-steps-item-icon {
38
38
  background-color: #fff;
39
39
  border-color: #1890ff;
40
40
  }
41
41
 
42
- .uni-${dataId} .ant-steps-item-finish .ant-steps-item-icon {
42
+ .uni-${rest.tid} .ant-steps-item-finish .ant-steps-item-icon {
43
43
  background-color: #fff;
44
44
  border-color: #1890ff;
45
45
  }
46
46
 
47
- .uni-${dataId} .anticon svg {
47
+ .uni-${rest.tid} .anticon svg {
48
48
  color: #1890ff;
49
49
  }
50
50
 
51
51
 
52
- .uni-${dataId} .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
52
+ .uni-${rest.tid} .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
53
53
  background-color: #f0f0f0;
54
54
  }
55
55
  `;
56
56
  const greenCss = `
57
- .uni-${dataId} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
57
+ .uni-${rest.tid} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
58
58
  background: #17c60e;
59
59
  }
60
- .uni-${dataId} .ant-steps-item-process .ant-steps-item-icon {
60
+ .uni-${rest.tid} .ant-steps-item-process .ant-steps-item-icon {
61
61
  background-color: #fff;
62
62
  border-color: #17c60e;
63
63
  }
64
64
 
65
- .uni-${dataId} .ant-steps-item-finish .ant-steps-item-icon {
65
+ .uni-${rest.tid} .ant-steps-item-finish .ant-steps-item-icon {
66
66
  background-color: #fff;
67
67
  border-color: #17c60e;
68
68
  }
69
69
 
70
- .uni-${dataId} .anticon svg {
70
+ .uni-${rest.tid} .anticon svg {
71
71
  color: #17c60e;
72
72
  }
73
73
 
74
- .uni-${dataId} .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
74
+ .uni-${rest.tid} .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
75
75
  background-color: #f0f0f0;
76
76
  }
77
77
  `;
@@ -84,8 +84,8 @@ const UniSteps = (_a) => {
84
84
  document.head.appendChild(style);
85
85
  }
86
86
  }, [theme]);
87
- return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true, style: style },
88
- react_1.default.createElement(antd_1.Steps, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}` }, rest), rest.children)));
87
+ return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
88
+ react_1.default.createElement(antd_1.Steps, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}` }, rest), rest.children)));
89
89
  };
90
90
  exports.UniSteps = UniSteps;
91
91
  const UniStepsStep = (props) => {
package/lib/cjs/components/uniButton/unibutton.js CHANGED
@@ -3,66 +3,63 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.UniButtonGroup = exports.UniButton = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const antd_1 = require("antd");
6
- const helpers_1 = require("@cuvp1225/helpers");
6
+ const slottype_1 = require("../../helpers/slottype");
7
7
  const react_1 = tslib_1.__importStar(require("react"));
8
8
  const UniButton = (_a) => {
9
- var _b = helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = helpers_1.SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
9
+ var _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
10
10
  const redCss = `
11
- .uni-${dataId} {
11
+ .uni-${rest.tid} {
12
12
  color: #fff;
13
13
  border-color: #B30000 !important;
14
14
  background: #B30000 !important;
15
15
 
16
16
  }
17
17
 
18
- .uni-${dataId}:hover,
19
- .uni-${dataId}:focus {
18
+ .uni-${rest.tid}:hover,
19
+ .uni-${rest.tid}:focus {
20
20
  color: #fff;
21
21
  border-color: #B30000 !important;
22
22
  background: #B30000 !important;
23
23
  }
24
24
  `;
25
25
  const blueCss = `
26
- .uni-${dataId} {
26
+ .uni-${rest.tid} {
27
27
  color: #fff;
28
28
  border-color: #1890ff !important;
29
29
  background: #1890ff !important;
30
30
 
31
31
  }
32
32
 
33
- .uni-${dataId}:hover,
34
- .uni-${dataId}:focus {
33
+ .uni-${rest.tid}:hover,
34
+ .uni-${rest.tid}:focus {
35
35
  color: #fff;
36
36
  border-color: #1890ff !important;
37
37
  background: #1890ff !important;
38
38
  }`;
39
39
  const greenCss = `
40
- .uni-${dataId} {
40
+ .uni-${rest.tid} {
41
41
  color: #fff;
42
42
  border-color: #17c60e !important;
43
43
  background: #17c60e !important;
44
44
 
45
45
  }
46
46
 
47
- .uni-${dataId}:hover,
48
- .uni-${dataId}:focus {
47
+ .uni-${rest.tid}:hover,
48
+ .uni-${rest.tid}:focus {
49
49
  color: #fff;
50
50
  border-color: #17c60e !important;
51
51
  background: #17c60e !important;
52
52
  }`;
53
- console.log("wxy-uniButton-rest2: ", rest);
54
- console.log("wxy-uniButton-dataDnd2: ", dataDnd);
55
- console.log("wxy-uniButton-dataId2: ", dataId);
56
53
  (0, react_1.useEffect)(() => {
57
54
  const allow = ['blue', 'green', 'red'];
58
- if (allow.includes(theme) && rest.type === 'primary') {
55
+ if (rest.type === 'primary' && allow.includes(theme)) {
59
56
  const css = theme === 'blue' ? blueCss : theme === 'green' ? greenCss : redCss;
60
57
  const style = document.createElement('style');
61
58
  style.innerHTML = css;
62
59
  document.head.appendChild(style);
63
60
  }
64
61
  }, [theme]);
65
- return (react_1.default.createElement(antd_1.Button, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": dataId, draggable: true, style: style }, rest)));
62
+ return (react_1.default.createElement(antd_1.Button, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style }, rest)));
66
63
  };
67
64
  exports.UniButton = UniButton;
68
65
  exports.UniButtonGroup = antd_1.Button.Group;
package/lib/cjs/components/uniCascader/unicascader.js CHANGED
@@ -8,33 +8,33 @@ const slottype_1 = require("../../helpers/slottype");
8
8
  const UniCascader = (_a) => {
9
9
  var _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
10
10
  const redCss = `
11
- .uni-${dataId} .ant-cascader-menu-item-active {
11
+ .uni-${rest.tid} .ant-cascader-menu-item-active {
12
12
  color: #c20000;
13
13
  background: #fff3f3
14
14
  }
15
15
 
16
- .uni-${dataId} .ant-cascader-menu-item-active:hover {
16
+ .uni-${rest.tid} .ant-cascader-menu-item-active:hover {
17
17
  color: #c20000;
18
18
  background: #fff3f3
19
19
  }
20
20
  `;
21
21
  const blueCss = `
22
- .uni-${dataId} .ant-cascader-menu-item-active {
22
+ .uni-${rest.tid} .ant-cascader-menu-item-active {
23
23
  color: #1890ff;
24
24
  background: #e6f7ff
25
25
  }
26
26
 
27
- .uni-${dataId} .ant-cascader-menu-item-active:hover {
27
+ .uni-${rest.tid} .ant-cascader-menu-item-active:hover {
28
28
  color: #1890ff;
29
29
  background: #e6f7ff
30
30
  }`;
31
31
  const greenCss = `
32
- .uni-${dataId} .ant-cascader-menu-item-active {
32
+ .uni-${rest.tid} .ant-cascader-menu-item-active {
33
33
  color: #17c60e;
34
34
  background: #f6ffed
35
35
  }
36
36
 
37
- .uni-${dataId} .ant-cascader-menu-item-active:hover {
37
+ .uni-${rest.tid} .ant-cascader-menu-item-active:hover {
38
38
  color: #17c60e;
39
39
  background: #f6ffed
40
40
  }
@@ -48,7 +48,7 @@ const UniCascader = (_a) => {
48
48
  document.head.appendChild(style);
49
49
  }
50
50
  }, [theme]);
51
- return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true, style: style },
52
- react_1.default.createElement(antd_1.Cascader, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, dropdownClassName: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, style: style }, rest))));
51
+ return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
52
+ react_1.default.createElement(antd_1.Cascader, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, dropdownClassName: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, style: style }, rest))));
53
53
  };
54
54
  exports.UniCascader = UniCascader;
package/lib/cjs/components/uniModal/unimodal.js CHANGED
@@ -9,19 +9,19 @@ const UniModal = (_a) => {
9
9
  var _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { children, style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "children", "style", "theme"]);
10
10
  // 主题样式定义
11
11
  const redCss = `
12
- .uni-${dataId} .ant-modal-footer .ant-btn-primary {
12
+ .uni-${rest.tid} .ant-modal-footer .ant-btn-primary {
13
13
  background: #B20000;
14
14
  border-color: #B20000;
15
15
  }
16
16
  `;
17
17
  const blueCss = `
18
- .uni-${dataId} .ant-modal-footer .ant-btn-primary {
18
+ .uni-${rest.tid} .ant-modal-footer .ant-btn-primary {
19
19
  background: #1890ff;
20
20
  border-color: #1890ff;
21
21
  }
22
22
  `;
23
23
  const greenCss = `
24
- .uni-${dataId} .ant-modal-footer .ant-btn-primary {
24
+ .uni-${rest.tid} .ant-modal-footer .ant-btn-primary {
25
25
  background: #17c60e;
26
26
  border-color: #17c60e;
27
27
  }
@@ -35,7 +35,7 @@ const UniModal = (_a) => {
35
35
  document.head.appendChild(style);
36
36
  }
37
37
  }, [theme]);
38
- return (react_1.default.createElement(antd_1.Modal, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
38
+ return (react_1.default.createElement(antd_1.Modal, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, style: style }, rest), children));
39
39
  };
40
40
  exports.UniModal = UniModal;
41
41
  // 导出静态方法以支持 Modal.info() 等调用方式
package/lib/cjs/components/uniRadio/uniradio.js CHANGED
@@ -9,49 +9,49 @@ const UniRadio = (_a) => {
9
9
  var _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
10
10
  const redCss = `
11
11
  /* 悬停时圆圈变红 */
12
- .uni-${dataId}:hover .ant-radio-inner {
12
+ .uni-${rest.tid}:hover .ant-radio-inner {
13
13
  border-color: #B30000 !important;
14
14
  }
15
15
 
16
16
  /* 选中状态 - 边框变红 */
17
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
17
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
18
18
  border-color: #B30000 !important;
19
19
  }
20
20
 
21
21
  /* 选中状态 - 中心点变红（覆盖整个内圆） */
22
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
22
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
23
23
  background-color: #B30000 !important;
24
24
  }
25
25
  `;
26
26
  const blueCss = `
27
27
  /* 悬停时圆圈变蓝 */
28
- .uni-${dataId}:hover .ant-radio-inner {
28
+ .uni-${rest.tid}:hover .ant-radio-inner {
29
29
  border-color: #1890ff !important;
30
30
  }
31
31
 
32
32
  /* 选中状态 - 边框变蓝 */
33
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
33
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
34
34
  border-color: #1890ff !important;
35
35
  }
36
36
 
37
37
  /* 选中状态 - 中心点变蓝（覆盖整个内圆） */
38
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
38
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
39
39
  background-color: #1890ff !important;
40
40
  }
41
41
  `;
42
42
  const greenCss = `
43
43
  /* 悬停时圆圈变绿 */
44
- .uni-${dataId}:hover .ant-radio-inner {
44
+ .uni-${rest.tid}:hover .ant-radio-inner {
45
45
  border-color: #17c60e !important;
46
46
  }
47
47
 
48
48
  /* 选中状态 - 边框变绿 */
49
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
49
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
50
50
  border-color: #17c60e !important;
51
51
  }
52
52
 
53
53
  /* 选中状态 - 中心点变绿（覆盖整个内圆） */
54
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
54
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
55
55
  background-color: #17c60e !important;
56
56
  }
57
57
  `;
@@ -64,57 +64,57 @@ const UniRadio = (_a) => {
64
64
  document.head.appendChild(style);
65
65
  }
66
66
  }, [theme]);
67
- return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true, style: style },
68
- react_1.default.createElement(antd_1.Radio, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}` }, rest))));
67
+ return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
68
+ react_1.default.createElement(antd_1.Radio, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}` }, rest))));
69
69
  };
70
70
  exports.UniRadio = UniRadio;
71
71
  const UniRadioGroup = (_a) => {
72
72
  var _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
73
73
  const redCss = `
74
74
  /* 悬停时圆圈变红 */
75
- .uni-${dataId}:hover .ant-radio-inner {
75
+ .uni-${rest.tid}:hover .ant-radio-inner {
76
76
  border-color: #B30000 !important;
77
77
  }
78
78
 
79
79
  /* 选中状态 - 边框变红 */
80
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
80
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
81
81
  border-color: #B30000 !important;
82
82
  }
83
83
 
84
84
  /* 选中状态 - 中心点变红（覆盖整个内圆） */
85
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
85
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
86
86
  background-color: #B30000 !important;
87
87
  }
88
88
  `;
89
89
  const blueCss = `
90
90
  /* 悬停时圆圈变蓝 */
91
- .uni-${dataId}:hover .ant-radio-inner {
91
+ .uni-${rest.tid}:hover .ant-radio-inner {
92
92
  border-color: #1890ff !important;
93
93
  }
94
94
 
95
95
  /* 选中状态 - 边框变蓝 */
96
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
96
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
97
97
  border-color: #1890ff !important;
98
98
  }
99
99
 
100
100
  /* 选中状态 - 中心点变蓝（覆盖整个内圆） */
101
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
101
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
102
102
  background-color: #1890ff !important;
103
103
  }
104
104
  `;
105
105
  const greenCss = `
106
106
  /* 悬停时圆圈变绿 */
107
- .uni-${dataId}:hover .ant-radio-inner {
107
+ .uni-${rest.tid}:hover .ant-radio-inner {
108
108
  border-color: #17c60e !important;
109
109
  }
110
110
 
111
111
  /* 选中状态 - 边框变绿 */
112
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
112
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
113
113
  border-color: #17c60e !important;
114
114
  }
115
115
 
116
116
  /* 选中状态 - 中心点变绿（覆盖整个内圆） */
117
- .uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
117
+ .uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
118
118
  background-color: #17c60e !important;
119
119
  }
120
120
  `;
@@ -127,7 +127,7 @@ const UniRadioGroup = (_a) => {
127
127
  document.head.appendChild(style);
128
128
  }
129
129
  }, [theme]);
130
- return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true, style: style },
131
- react_1.default.createElement(antd_1.Radio.Group, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}` }, rest), rest.children)));
130
+ return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
131
+ react_1.default.createElement(antd_1.Radio.Group, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}` }, rest), rest.children)));
132
132
  };
133
133
  exports.UniRadioGroup = UniRadioGroup;
package/lib/cjs/components/uniSelect/uniselect.js CHANGED
@@ -8,19 +8,19 @@ const slottype_1 = require("../../helpers/slottype");
8
8
  const UniSelect = (_a) => {
9
9
  var _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
10
10
  const redCss = `
11
- .uni-${dataId} .ant-select-item-option-selected {
11
+ .uni-${rest.tid} .ant-select-item-option-selected {
12
12
  color: #B30000;
13
13
  background: #fff3f3
14
14
  }
15
15
  `;
16
16
  const blueCss = `
17
- .uni-${dataId} .ant-select-item-option-selected {
17
+ .uni-${rest.tid} .ant-select-item-option-selected {
18
18
  color: #1890ff;
19
19
  background: #e6f7ff
20
20
  }
21
21
  `;
22
22
  const greenCss = `
23
- .uni-${dataId} .ant-select-item-option-selected {
23
+ .uni-${rest.tid} .ant-select-item-option-selected {
24
24
  color: #17c60e;
25
25
  background: #f6ffed
26
26
  }
@@ -34,11 +34,11 @@ const UniSelect = (_a) => {
34
34
  document.head.appendChild(style);
35
35
  }
36
36
  }, [theme]);
37
- return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
37
+ return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true },
38
38
  react_1.default.createElement(antd_1.Select
39
- // className={`uni-${dataId}`}
39
+ // className={`uni-${rest.tid}`}
40
40
  , Object.assign({
41
- // className={`uni-${dataId}`}
42
- className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, dropdownClassName: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, style: style }, rest))));
41
+ // className={`uni-${rest.tid}`}
42
+ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, dropdownClassName: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, style: style }, rest))));
43
43
  };
44
44
  exports.UniSelect = UniSelect;
package/lib/cjs/components/uniSwitch/uniswitch.js CHANGED
@@ -9,19 +9,19 @@ const UniSwitch = (_a) => {
9
9
  var _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
10
10
  const redCss = `
11
11
  /* 根据tid定制Switch组件样式 */
12
- .uni-${dataId}[tid="${dataId}"].ant-switch-checked {
12
+ .uni-${rest.tid}[tid="${rest.tid}"].ant-switch-checked {
13
13
  background-color: #B30000;
14
14
  }
15
15
  `;
16
16
  const blueCss = `
17
17
  /* 根据tid定制Switch组件样式 */
18
- .uni-${dataId}[tid="${dataId}"].ant-switch-checked {
18
+ .uni-${rest.tid}[tid="${rest.tid}"].ant-switch-checked {
19
19
  background-color: #1890ff;
20
20
  }
21
21
  `;
22
22
  const greenCss = `
23
23
  /* 根据tid定制Switch组件样式 */
24
- .uni-${dataId}[tid="${dataId}"].ant-switch-checked {
24
+ .uni-${rest.tid}[tid="${rest.tid}"].ant-switch-checked {
25
25
  background-color: #17c60e;
26
26
  }
27
27
  `;
@@ -35,6 +35,6 @@ const UniSwitch = (_a) => {
35
35
  }
36
36
  }, [theme]);
37
37
  return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
38
- react_1.default.createElement(antd_1.Switch, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}` }, rest))));
38
+ react_1.default.createElement(antd_1.Switch, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}` }, rest))));
39
39
  };
40
40
  exports.UniSwitch = UniSwitch;
package/lib/cjs/components/uniTabs/unitabs.js CHANGED
@@ -7,11 +7,11 @@ const react_1 = tslib_1.__importStar(require("react"));
7
7
  const slottype_1 = require("../../helpers/slottype");
8
8
  const UniTabs = (_a) => {
9
9
  var { children } = _a, _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
10
- const redCss = `.uni-${dataId} .ant-tabs-ink-bar{
10
+ const redCss = `.uni-${rest.tid} .ant-tabs-ink-bar{
11
11
  background: #C20000;
12
12
  }
13
13
 
14
- .uni-${dataId} .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
14
+ .uni-${rest.tid} .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
15
15
  color: #C20000;
16
16
  font-size: "16px";
17
17
  font-weight: 600;
@@ -20,19 +20,19 @@ const UniTabs = (_a) => {
20
20
  text-align: left;
21
21
  }
22
22
 
23
- .uni-${dataId} .ant-tabs-tab .ant-tabs-tab-btn:hover {
23
+ .uni-${rest.tid} .ant-tabs-tab .ant-tabs-tab-btn:hover {
24
24
  color: #C20000;
25
25
  }
26
26
 
27
- .uni-${dataId} .ant-tabs-tab:hover {
27
+ .uni-${rest.tid} .ant-tabs-tab:hover {
28
28
  color: #C20000;
29
29
  }
30
30
  `;
31
- const blueCss = `.uni-${dataId} .ant-tabs-ink-bar{
31
+ const blueCss = `.uni-${rest.tid} .ant-tabs-ink-bar{
32
32
  background: #1890ff;
33
33
  }
34
34
 
35
- .uni-${dataId} .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
35
+ .uni-${rest.tid} .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
36
36
  color: #1890ff;
37
37
  font-size: "16px";
38
38
  font-weight: 600;
@@ -41,18 +41,18 @@ const UniTabs = (_a) => {
41
41
  text-align: left;
42
42
  }
43
43
 
44
- .uni-${dataId} .ant-tabs-tab .ant-tabs-tab-btn:hover {
44
+ .uni-${rest.tid} .ant-tabs-tab .ant-tabs-tab-btn:hover {
45
45
  color: #1890ff;
46
46
  }
47
47
 
48
- .uni-${dataId} .ant-tabs-tab:hover {
48
+ .uni-${rest.tid} .ant-tabs-tab:hover {
49
49
  color: #1890ff;
50
50
  }`;
51
- const greenCss = `.uni-${dataId} .ant-tabs-ink-bar{
51
+ const greenCss = `.uni-${rest.tid} .ant-tabs-ink-bar{
52
52
  background: #17c60e;
53
53
  }
54
54
 
55
- .uni-${dataId} .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
55
+ .uni-${rest.tid} .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
56
56
  color: #17c60e;
57
57
  font-size: "16px";
58
58
  font-weight: 600;
@@ -61,11 +61,11 @@ const UniTabs = (_a) => {
61
61
  text-align: left;
62
62
  }
63
63
 
64
- .uni-${dataId} .ant-tabs-tab .ant-tabs-tab-btn:hover {
64
+ .uni-${rest.tid} .ant-tabs-tab .ant-tabs-tab-btn:hover {
65
65
  color: #17c60e;
66
66
  }
67
67
 
68
- .uni-${dataId} .ant-tabs-tab:hover {
68
+ .uni-${rest.tid} .ant-tabs-tab:hover {
69
69
  color: #17c60e;
70
70
  }`;
71
71
  (0, react_1.useEffect)(() => {
@@ -77,7 +77,7 @@ const UniTabs = (_a) => {
77
77
  document.head.appendChild(style);
78
78
  }
79
79
  }, [theme]);
80
- return (react_1.default.createElement(antd_1.Tabs, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": dataId, draggable: true, style: style }, rest), children));
80
+ return (react_1.default.createElement(antd_1.Tabs, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style }, rest), children));
81
81
  };
82
82
  exports.UniTabs = UniTabs;
83
83
  const UniTabsPane = (props) => {
package/lib/cjs/components/uniUpload/uniupload.js CHANGED
@@ -13,21 +13,21 @@ const UniUpload = (_a) => {
13
13
  dataId = _a[_b], _c = slottype_1.SLOT.dnd, dataDnd = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
14
14
  //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
15
15
  const redCss = `
16
- .uni-${dataId} .ant-btn, .uni-${dataId} .ant-btn:hover, .uni-${dataId} .ant-btn:focus {
16
+ .uni-${rest.tid} .ant-btn, .uni-${rest.tid} .ant-btn:hover, .uni-${rest.tid} .ant-btn:focus {
17
17
  color: #fff;
18
18
  border-color: #B20000;
19
19
  background: #B20000;
20
20
  }
21
21
  `;
22
22
  const blueCss = `
23
- .uni-${dataId} .ant-btn, .uni-${dataId} .ant-btn:hover, .uni-${dataId} .ant-btn:focus {
23
+ .uni-${rest.tid} .ant-btn, .uni-${rest.tid} .ant-btn:hover, .uni-${rest.tid} .ant-btn:focus {
24
24
  color: #fff;
25
25
  border-color: #1890ff;
26
26
  background: #1890ff;
27
27
  }
28
28
  `;
29
29
  const greenCss = `
30
- .uni-${dataId} .ant-btn, .uni-${dataId} .ant-btn:hover, .uni-${dataId} .ant-btn:focus {
30
+ .uni-${rest.tid} .ant-btn, .uni-${rest.tid} .ant-btn:hover, .uni-${rest.tid} .ant-btn:focus {
31
31
  color: #fff;
32
32
  border-color: #17c60e;
33
33
  background: #17c60e;
@@ -42,7 +42,7 @@ const UniUpload = (_a) => {
42
42
  document.head.appendChild(style);
43
43
  }
44
44
  }, [theme]);
45
- return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true, style: style },
46
- react_1.default.createElement(antd_1.Upload, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}` }, rest), rest.children)));
45
+ return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
46
+ react_1.default.createElement(antd_1.Upload, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}` }, rest), rest.children)));
47
47
  };
48
48
  exports.UniUpload = UniUpload;
package/lib/esm/components/comment.js CHANGED
@@ -6,7 +6,6 @@ import { SLOT } from '@cuvp1225/helpers';
6
6
  function CommentDesigner(_a) {
7
7
  var { children, content } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "content", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
8
8
  const commentRef = useRef(null);
9
- console.log("wxy-Comment-datdId: ", dataId);
10
9
  useEffect(() => {
11
10
  Promise.resolve().then(() => {
12
11
  const popoverNode = document.querySelector(`.${dataId}`);