szld-libs 0.3.22 → 0.3.23

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 (13) hide show
  1. package/dist/szld-components.es.js +176 -176
  2. package/dist/szld-components.umd.js +41 -41
  3. package/es/components/DynamicForm/index.js +12 -12
  4. package/es/hooks/useDetailRender.d.ts +1 -1
  5. package/es/hooks/useDetailRender.js +2 -2
  6. package/es/index.css +35 -9
  7. package/es/mock/index.js +83 -18
  8. package/lib/components/DynamicForm/index.js +12 -12
  9. package/lib/hooks/useDetailRender.d.ts +1 -1
  10. package/lib/hooks/useDetailRender.js +2 -2
  11. package/lib/index.css +35 -9
  12. package/lib/mock/index.js +83 -18
  13. package/package.json +1 -1
package/es/components/DynamicForm/index.js CHANGED
@@ -57,9 +57,9 @@ const DynamicForm = forwardRef((props, ref) => {
57
57
  return delFileListRef.current;
58
58
  }
59
59
  }));
60
- return /* @__PURE__ */ jsx(Fragment, { children: formShowType === "table" ? /* @__PURE__ */ jsx(Form.List, { name: formListItemName || "customFormList", initialValue: [{}], children: (fields, { add, remove }) => /* @__PURE__ */ jsxs(Flex, { className: "custom-form-body", children: [
61
- /* @__PURE__ */ jsxs("div", { className: "custom-form-list", children: [
62
- /* @__PURE__ */ jsx(Flex, { align: "center", style: { position: "relative" }, children: /* @__PURE__ */ jsx(Flex, { className: "custom-form-list-header", align: "center", children: formConfig == null ? void 0 : formConfig.map((child, index) => {
60
+ return /* @__PURE__ */ jsx(Fragment, { children: formShowType === "table" ? /* @__PURE__ */ jsx(Form.List, { name: formListItemName || "customFormList", initialValue: [{}], children: (fields, { add, remove }) => /* @__PURE__ */ jsx(Flex, { className: "custom-form-body", children: /* @__PURE__ */ jsxs("div", { className: "custom-form-list", children: [
61
+ /* @__PURE__ */ jsxs(Flex, { align: "center", style: { position: "relative", backgroundColor: "#004d32" }, children: [
62
+ /* @__PURE__ */ jsx(Flex, { className: "custom-form-list-header", align: "center", children: formConfig == null ? void 0 : formConfig.map((child, index) => {
63
63
  var _a, _b;
64
64
  const width = ((_a = child == null ? void 0 : child.json) == null ? void 0 : _a["input-width"]) && Number((_b = child == null ? void 0 : child.json) == null ? void 0 : _b["input-width"]) || defaultWidth;
65
65
  return /* @__PURE__ */ jsxs(
@@ -77,8 +77,11 @@ const DynamicForm = forwardRef((props, ref) => {
77
77
  },
78
78
  index
79
79
  );
80
- }) }) }),
81
- fields.map((field) => /* @__PURE__ */ jsx(Flex, { align: "center", className: "custom-form-list-item-container", children: /* @__PURE__ */ jsx(Flex, { className: "custom-form-list-item", align: "center", children: formConfig == null ? void 0 : formConfig.map((child, index) => {
80
+ }) }),
81
+ /* @__PURE__ */ jsx("a", { className: "custom-form-list-add-btn", onClick: () => add(), children: langId === "10001" ? "新增" : "Add" })
82
+ ] }),
83
+ fields.map((field) => /* @__PURE__ */ jsxs(Flex, { align: "center", className: "custom-form-list-item-container", children: [
84
+ /* @__PURE__ */ jsx(Flex, { className: "custom-form-list-item", align: "center", children: formConfig == null ? void 0 : formConfig.map((child, index) => {
82
85
  var _a, _b;
83
86
  const width = ((_a = child == null ? void 0 : child.json) == null ? void 0 : _a["input-width"]) && Number((_b = child == null ? void 0 : child.json) == null ? void 0 : _b["input-width"]) || defaultWidth;
84
87
  return /* @__PURE__ */ jsx(
@@ -107,13 +110,10 @@ const DynamicForm = forwardRef((props, ref) => {
107
110
  },
108
111
  child.attrid || `child-${index}`
109
112
  );
110
- }) }) }, field.key))
111
- ] }),
112
- /* @__PURE__ */ jsxs(Flex, { className: "custom-form-list-right", vertical: true, children: [
113
- /* @__PURE__ */ jsx("a", { className: "custom-form-list-add-btn", onClick: () => add(), children: langId === "10001" ? "新增" : "Add" }),
114
- fields.map((field) => /* @__PURE__ */ jsx("a", { className: "custom-form-list-del-btn", onClick: () => remove(field.key), children: langId === "10001" ? "删除" : "Delete" }))
115
- ] })
116
- ] }) }) : /* @__PURE__ */ jsx(Row, { gutter: colSpace, children: formConfig.map((item, index) => /* @__PURE__ */ jsx(Fragment$1, { children: handleRenderItem({
113
+ }) }),
114
+ /* @__PURE__ */ jsx("a", { className: "custom-form-list-del-btn", onClick: () => remove(field.key), children: langId === "10001" ? "删除" : "Delete" })
115
+ ] }, field.key))
116
+ ] }) }) }) : /* @__PURE__ */ jsx(Row, { gutter: colSpace, children: formConfig.map((item, index) => /* @__PURE__ */ jsx(Fragment$1, { children: handleRenderItem({
117
117
  item,
118
118
  readonly,
119
119
  colNum,
package/es/hooks/useDetailRender.d.ts CHANGED
@@ -11,7 +11,7 @@ interface IAttrSetDetailRendererProps {
11
11
  imgHeight?: number;
12
12
  layoutType?: 'row' | 'flex';
13
13
  }
14
- export default function useAttrSetDetailRenderer({ labelSpan, valueSpan, imgWidth, imgHeight, layoutType, }: IAttrSetDetailRendererProps): {
14
+ export default function useDetailRender({ labelSpan, valueSpan, imgWidth, imgHeight, layoutType, }: IAttrSetDetailRendererProps): {
15
15
  renderDetail: ({ attrList, detailList, span, type, universalHeader, beforeExtraValue, operationColumn, }: {
16
16
  attrList?: any[] | undefined;
17
17
  detailList?: any[] | undefined;
package/es/hooks/useDetailRender.js CHANGED
@@ -4,7 +4,7 @@ import { App, Row, Col, Flex, Table, Space, Image } from "antd";
4
4
  import { handleSetTableRowColor } from "../utils/szxkFunc";
5
5
  import { useMemoizedFn } from "ahooks";
6
6
  import { Fragment } from "react";
7
- function useAttrSetDetailRenderer({
7
+ function useDetailRender({
8
8
  labelSpan = 3,
9
9
  valueSpan = 9,
10
10
  imgWidth = 93,
@@ -200,5 +200,5 @@ function useAttrSetDetailRenderer({
200
200
  return { renderDetail };
201
201
  }
202
202
  export {
203
- useAttrSetDetailRenderer as default
203
+ useDetailRender as default
204
204
  };
package/es/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  .custom-form-body {
3
- width: 1236px;
3
+ width: 1300;
4
4
  }
5
5
  .custom-form-body .custom-form-list {
6
6
  position: relative;
@@ -25,10 +25,18 @@
25
25
  .custom-form-body .custom-form-list .custom-form-list-header-item:first-child {
26
26
  margin-left: 14px;
27
27
  }
28
+ .custom-form-body .custom-form-list .custom-form-list-item-container {
29
+ position: relative;
30
+ }
28
31
  .custom-form-body .custom-form-list .custom-form-list-item-container .custom-form-list-item {
29
32
  width: fit-content;
30
- min-width: 100%;
33
+ min-width: fit-content;
31
34
  /* 确保至少占满可视区域 */
35
+ min-height: 48px;
36
+ height: auto;
37
+ /* 或者 100%，确保高度撑满 */
38
+ display: flex;
39
+ align-items: center;
32
40
  }
33
41
  .custom-form-body .custom-form-list .custom-form-list-item-container .custom-form-list-item .custom-form-list-item-content {
34
42
  min-height: 48px;
@@ -39,9 +47,15 @@
39
47
  .custom-form-body .custom-form-list .custom-form-list-item-container .custom-form-list-item .custom-form-list-item-content .ant-form-item-control-input-content:nth-child(1) {
40
48
  margin-left: 14px;
41
49
  }
50
+ .custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(even) .custom-form-list-item {
51
+ background: #d6e2de !important;
52
+ }
42
53
  .custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(even) .custom-form-list-item .custom-form-list-item-content {
43
54
  background: #d6e2de !important;
44
55
  }
56
+ .custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(odd) .custom-form-list-item {
57
+ background-color: #c2d4ce !important;
58
+ }
45
59
  .custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(odd) .custom-form-list-item .custom-form-list-item-content {
46
60
  background-color: #c2d4ce !important;
47
61
  }
@@ -51,19 +65,31 @@
51
65
  width: 48px;
52
66
  height: 48px;
53
67
  line-height: 48px;
54
- text-align: center;
68
+ display: flex;
69
+ flex-direction: row-reverse;
70
+ flex-shrink: 0;
71
+ position: sticky;
72
+ text-decoration: underline;
73
+ text-align: right;
74
+ right: 0;
75
+ top: 0;
55
76
  }
56
77
  .custom-form-body .custom-form-list-del-btn {
57
- display: inline-block;
58
78
  background: #fff;
59
79
  width: 48px;
60
- height: 48px;
61
80
  line-height: 48px;
62
81
  text-align: center;
63
82
  color: #dc0000;
83
+ display: flex;
84
+ flex-direction: row-reverse;
85
+ align-items: center;
86
+ align-self: stretch;
87
+ /* 关键：让按钮高度填满父容器 */
64
88
  flex-shrink: 0;
65
- }
66
- .custom-form-body .custom-form-list-right {
67
- width: 48;
68
- background-color: '#fff';
89
+ position: sticky;
90
+ text-decoration: underline;
91
+ text-align: right;
92
+ right: 0;
93
+ top: 0;
94
+ bottom: 0;
69
95
  }
package/es/mock/index.js CHANGED
@@ -2,45 +2,110 @@ const baseAttrList = [];
2
2
  const attrList = [
3
3
  {
4
4
  xh: 1,
5
- asid: "DC6FAFA331D84484BCE19E21738AD767",
5
+ asid: "06C6CE201AB44B2CAAB11C753374AA40",
6
6
  astype: 0,
7
- tname: "fjffjc_table2",
8
- attrid: "B3C4795F7CA849CD839539249F74BCE3",
9
- attrname: "How Many times",
7
+ tname: "tsyy_table2",
8
+ attrid: "30BDE6E7977E40069B55DDE61C8795AE",
9
+ attrname: "Dates",
10
10
  attrtype: 0,
11
- info: '{"input":"text","dataType":"string","length":100,"input-width":396,"default":1}',
11
+ info: '{"input":"multiple-date-picker","range-picker-save":"single","dataType":"string","length":1000,"input-width":240,"must":true}',
12
12
  info_base64: 0,
13
- createtime: "2026-02-11 15:14:14",
13
+ createtime: "2026-02-11 15:12:26",
14
14
  attrvalue: "",
15
15
  serialnum: 1,
16
16
  children: [],
17
17
  json: {
18
- input: "text",
18
+ input: "multiple-date-picker",
19
+ "range-picker-save": "single",
19
20
  dataType: "string",
20
- length: 100,
21
- "input-width": 396,
22
- default: 1
21
+ length: 1e3,
22
+ "input-width": 240,
23
+ must: true
23
24
  }
24
25
  },
25
26
  {
26
27
  xh: 2,
27
- asid: "DC6FAFA331D84484BCE19E21738AD767",
28
+ asid: "06C6CE201AB44B2CAAB11C753374AA40",
28
29
  astype: 0,
29
- tname: "fjffjc_table2",
30
- attrid: "2A08BD562A9A48E3843A59D6396E2F21",
31
- attrname: "what time?",
30
+ tname: "tsyy_table2",
31
+ attrid: "38A7DADC6D64492D83DA607EC121A02D",
32
+ attrname: "How Many Times",
32
33
  attrtype: 0,
33
- info: '{"input":"text","dataType":"string","length":100,"input-width":396}',
34
+ info: '{"input":"text","dataType":"string","length":10,"input-width":140,"must":true}',
34
35
  info_base64: 0,
35
- createtime: "2026-02-11 15:14:14",
36
+ createtime: "2026-02-11 15:12:26",
37
+ attrvalue: "",
38
+ serialnum: 2,
39
+ children: [],
40
+ json: {
41
+ input: "text",
42
+ dataType: "string",
43
+ length: 10,
44
+ "input-width": 140,
45
+ must: true
46
+ }
47
+ },
48
+ {
49
+ xh: 3,
50
+ asid: "06C6CE201AB44B2CAAB11C753374AA40",
51
+ astype: 0,
52
+ tname: "tsyy_table2",
53
+ attrid: "7BB9BE8A96824CCF89B721C8F1AF9F38",
54
+ attrname: "Feeding Time",
55
+ attrtype: 0,
56
+ info: '{"input":"second-picker","dataType":"string","length":200,"input-width":240}',
57
+ info_base64: 0,
58
+ createtime: "2026-02-11 15:12:26",
36
59
  attrvalue: "",
37
60
  serialnum: 3,
38
61
  children: [],
62
+ json: {
63
+ input: "second-picker",
64
+ dataType: "string",
65
+ length: 200,
66
+ "input-width": 240
67
+ }
68
+ },
69
+ {
70
+ xh: 4,
71
+ asid: "06C6CE201AB44B2CAAB11C753374AA40",
72
+ astype: 0,
73
+ tname: "tsyy_table2",
74
+ attrid: "665F59E637664037939512C9877EAD75",
75
+ attrname: "Meds Info",
76
+ attrtype: 0,
77
+ info: '{"input":"text","dataType":"string","length":500,"input-width":240}',
78
+ info_base64: 0,
79
+ createtime: "2026-02-11 15:12:26",
80
+ attrvalue: "",
81
+ serialnum: 4,
82
+ children: [],
83
+ json: {
84
+ input: "text",
85
+ dataType: "string",
86
+ length: 500,
87
+ "input-width": 240
88
+ }
89
+ },
90
+ {
91
+ xh: 5,
92
+ asid: "06C6CE201AB44B2CAAB11C753374AA40",
93
+ astype: 0,
94
+ tname: "tsyy_table2",
95
+ attrid: "290CF33D2AAD45399987987FAB80900B",
96
+ attrname: "Feeding Instruction",
97
+ attrtype: 0,
98
+ info: '{"input":"text","dataType":"string","length":500,"input-width":340}',
99
+ info_base64: 0,
100
+ createtime: "2026-02-11 15:12:26",
101
+ attrvalue: "",
102
+ serialnum: 5,
103
+ children: [],
39
104
  json: {
40
105
  input: "text",
41
106
  dataType: "string",
42
- length: 100,
43
- "input-width": 396
107
+ length: 500,
108
+ "input-width": 340
44
109
  }
45
110
  }
46
111
  ];
package/lib/components/DynamicForm/index.js CHANGED
@@ -58,9 +58,9 @@ const DynamicForm = react.forwardRef((props, ref) => {
58
58
  return delFileListRef.current;
59
59
  }
60
60
  }));
61
- return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: formShowType === "table" ? /* @__PURE__ */ jsxRuntime.jsx(antd.Form.List, { name: formListItemName || "customFormList", initialValue: [{}], children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "custom-form-body", children: [
62
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "custom-form-list", children: [
63
- /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { align: "center", style: { position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { className: "custom-form-list-header", align: "center", children: formConfig == null ? void 0 : formConfig.map((child, index) => {
61
+ return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: formShowType === "table" ? /* @__PURE__ */ jsxRuntime.jsx(antd.Form.List, { name: formListItemName || "customFormList", initialValue: [{}], children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { className: "custom-form-body", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "custom-form-list", children: [
62
+ /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", style: { position: "relative", backgroundColor: "#004d32" }, children: [
63
+ /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { className: "custom-form-list-header", align: "center", children: formConfig == null ? void 0 : formConfig.map((child, index) => {
64
64
  var _a, _b;
65
65
  const width = ((_a = child == null ? void 0 : child.json) == null ? void 0 : _a["input-width"]) && Number((_b = child == null ? void 0 : child.json) == null ? void 0 : _b["input-width"]) || defaultWidth;
66
66
  return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -78,8 +78,11 @@ const DynamicForm = react.forwardRef((props, ref) => {
78
78
  },
79
79
  index
80
80
  );
81
- }) }) }),
82
- fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { align: "center", className: "custom-form-list-item-container", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { className: "custom-form-list-item", align: "center", children: formConfig == null ? void 0 : formConfig.map((child, index) => {
81
+ }) }),
82
+ /* @__PURE__ */ jsxRuntime.jsx("a", { className: "custom-form-list-add-btn", onClick: () => add(), children: langId === "10001" ? "新增" : "Add" })
83
+ ] }),
84
+ fields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", className: "custom-form-list-item-container", children: [
85
+ /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { className: "custom-form-list-item", align: "center", children: formConfig == null ? void 0 : formConfig.map((child, index) => {
83
86
  var _a, _b;
84
87
  const width = ((_a = child == null ? void 0 : child.json) == null ? void 0 : _a["input-width"]) && Number((_b = child == null ? void 0 : child.json) == null ? void 0 : _b["input-width"]) || defaultWidth;
85
88
  return /* @__PURE__ */ jsxRuntime.jsx(
@@ -108,13 +111,10 @@ const DynamicForm = react.forwardRef((props, ref) => {
108
111
  },
109
112
  child.attrid || `child-${index}`
110
113
  );
111
- }) }) }, field.key))
112
- ] }),
113
- /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "custom-form-list-right", vertical: true, children: [
114
- /* @__PURE__ */ jsxRuntime.jsx("a", { className: "custom-form-list-add-btn", onClick: () => add(), children: langId === "10001" ? "新增" : "Add" }),
115
- fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx("a", { className: "custom-form-list-del-btn", onClick: () => remove(field.key), children: langId === "10001" ? "删除" : "Delete" }))
116
- ] })
117
- ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { gutter: colSpace, children: formConfig.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: handleRenderItem({
114
+ }) }),
115
+ /* @__PURE__ */ jsxRuntime.jsx("a", { className: "custom-form-list-del-btn", onClick: () => remove(field.key), children: langId === "10001" ? "删除" : "Delete" })
116
+ ] }, field.key))
117
+ ] }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { gutter: colSpace, children: formConfig.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: handleRenderItem({
118
118
  item,
119
119
  readonly,
120
120
  colNum,
package/lib/hooks/useDetailRender.d.ts CHANGED
@@ -11,7 +11,7 @@ interface IAttrSetDetailRendererProps {
11
11
  imgHeight?: number;
12
12
  layoutType?: 'row' | 'flex';
13
13
  }
14
- export default function useAttrSetDetailRenderer({ labelSpan, valueSpan, imgWidth, imgHeight, layoutType, }: IAttrSetDetailRendererProps): {
14
+ export default function useDetailRender({ labelSpan, valueSpan, imgWidth, imgHeight, layoutType, }: IAttrSetDetailRendererProps): {
15
15
  renderDetail: ({ attrList, detailList, span, type, universalHeader, beforeExtraValue, operationColumn, }: {
16
16
  attrList?: any[] | undefined;
17
17
  detailList?: any[] | undefined;
package/lib/hooks/useDetailRender.js CHANGED
@@ -5,7 +5,7 @@ const antd = require("antd");
5
5
  const szxkFunc = require("../utils/szxkFunc");
6
6
  const ahooks = require("ahooks");
7
7
  const react = require("react");
8
- function useAttrSetDetailRenderer({
8
+ function useDetailRender({
9
9
  labelSpan = 3,
10
10
  valueSpan = 9,
11
11
  imgWidth = 93,
@@ -200,4 +200,4 @@ function useAttrSetDetailRenderer({
200
200
  );
201
201
  return { renderDetail };
202
202
  }
203
- module.exports = useAttrSetDetailRenderer;
203
+ module.exports = useDetailRender;
package/lib/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  .custom-form-body {
3
- width: 1236px;
3
+ width: 1300;
4
4
  }
5
5
  .custom-form-body .custom-form-list {
6
6
  position: relative;
@@ -25,10 +25,18 @@
25
25
  .custom-form-body .custom-form-list .custom-form-list-header-item:first-child {
26
26
  margin-left: 14px;
27
27
  }
28
+ .custom-form-body .custom-form-list .custom-form-list-item-container {
29
+ position: relative;
30
+ }
28
31
  .custom-form-body .custom-form-list .custom-form-list-item-container .custom-form-list-item {
29
32
  width: fit-content;
30
- min-width: 100%;
33
+ min-width: fit-content;
31
34
  /* 确保至少占满可视区域 */
35
+ min-height: 48px;
36
+ height: auto;
37
+ /* 或者 100%，确保高度撑满 */
38
+ display: flex;
39
+ align-items: center;
32
40
  }
33
41
  .custom-form-body .custom-form-list .custom-form-list-item-container .custom-form-list-item .custom-form-list-item-content {
34
42
  min-height: 48px;
@@ -39,9 +47,15 @@
39
47
  .custom-form-body .custom-form-list .custom-form-list-item-container .custom-form-list-item .custom-form-list-item-content .ant-form-item-control-input-content:nth-child(1) {
40
48
  margin-left: 14px;
41
49
  }
50
+ .custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(even) .custom-form-list-item {
51
+ background: #d6e2de !important;
52
+ }
42
53
  .custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(even) .custom-form-list-item .custom-form-list-item-content {
43
54
  background: #d6e2de !important;
44
55
  }
56
+ .custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(odd) .custom-form-list-item {
57
+ background-color: #c2d4ce !important;
58
+ }
45
59
  .custom-form-body .custom-form-list .custom-form-list-item-container:nth-child(odd) .custom-form-list-item .custom-form-list-item-content {
46
60
  background-color: #c2d4ce !important;
47
61
  }
@@ -51,19 +65,31 @@
51
65
  width: 48px;
52
66
  height: 48px;
53
67
  line-height: 48px;
54
- text-align: center;
68
+ display: flex;
69
+ flex-direction: row-reverse;
70
+ flex-shrink: 0;
71
+ position: sticky;
72
+ text-decoration: underline;
73
+ text-align: right;
74
+ right: 0;
75
+ top: 0;
55
76
  }
56
77
  .custom-form-body .custom-form-list-del-btn {
57
- display: inline-block;
58
78
  background: #fff;
59
79
  width: 48px;
60
- height: 48px;
61
80
  line-height: 48px;
62
81
  text-align: center;
63
82
  color: #dc0000;
83
+ display: flex;
84
+ flex-direction: row-reverse;
85
+ align-items: center;
86
+ align-self: stretch;
87
+ /* 关键：让按钮高度填满父容器 */
64
88
  flex-shrink: 0;
65
- }
66
- .custom-form-body .custom-form-list-right {
67
- width: 48;
68
- background-color: '#fff';
89
+ position: sticky;
90
+ text-decoration: underline;
91
+ text-align: right;
92
+ right: 0;
93
+ top: 0;
94
+ bottom: 0;
69
95
  }
package/lib/mock/index.js CHANGED
@@ -4,45 +4,110 @@ const baseAttrList = [];
4
4
  const attrList = [
5
5
  {
6
6
  xh: 1,
7
- asid: "DC6FAFA331D84484BCE19E21738AD767",
7
+ asid: "06C6CE201AB44B2CAAB11C753374AA40",
8
8
  astype: 0,
9
- tname: "fjffjc_table2",
10
- attrid: "B3C4795F7CA849CD839539249F74BCE3",
11
- attrname: "How Many times",
9
+ tname: "tsyy_table2",
10
+ attrid: "30BDE6E7977E40069B55DDE61C8795AE",
11
+ attrname: "Dates",
12
12
  attrtype: 0,
13
- info: '{"input":"text","dataType":"string","length":100,"input-width":396,"default":1}',
13
+ info: '{"input":"multiple-date-picker","range-picker-save":"single","dataType":"string","length":1000,"input-width":240,"must":true}',
14
14
  info_base64: 0,
15
- createtime: "2026-02-11 15:14:14",
15
+ createtime: "2026-02-11 15:12:26",
16
16
  attrvalue: "",
17
17
  serialnum: 1,
18
18
  children: [],
19
19
  json: {
20
- input: "text",
20
+ input: "multiple-date-picker",
21
+ "range-picker-save": "single",
21
22
  dataType: "string",
22
- length: 100,
23
- "input-width": 396,
24
- default: 1
23
+ length: 1e3,
24
+ "input-width": 240,
25
+ must: true
25
26
  }
26
27
  },
27
28
  {
28
29
  xh: 2,
29
- asid: "DC6FAFA331D84484BCE19E21738AD767",
30
+ asid: "06C6CE201AB44B2CAAB11C753374AA40",
30
31
  astype: 0,
31
- tname: "fjffjc_table2",
32
- attrid: "2A08BD562A9A48E3843A59D6396E2F21",
33
- attrname: "what time?",
32
+ tname: "tsyy_table2",
33
+ attrid: "38A7DADC6D64492D83DA607EC121A02D",
34
+ attrname: "How Many Times",
34
35
  attrtype: 0,
35
- info: '{"input":"text","dataType":"string","length":100,"input-width":396}',
36
+ info: '{"input":"text","dataType":"string","length":10,"input-width":140,"must":true}',
36
37
  info_base64: 0,
37
- createtime: "2026-02-11 15:14:14",
38
+ createtime: "2026-02-11 15:12:26",
39
+ attrvalue: "",
40
+ serialnum: 2,
41
+ children: [],
42
+ json: {
43
+ input: "text",
44
+ dataType: "string",
45
+ length: 10,
46
+ "input-width": 140,
47
+ must: true
48
+ }
49
+ },
50
+ {
51
+ xh: 3,
52
+ asid: "06C6CE201AB44B2CAAB11C753374AA40",
53
+ astype: 0,
54
+ tname: "tsyy_table2",
55
+ attrid: "7BB9BE8A96824CCF89B721C8F1AF9F38",
56
+ attrname: "Feeding Time",
57
+ attrtype: 0,
58
+ info: '{"input":"second-picker","dataType":"string","length":200,"input-width":240}',
59
+ info_base64: 0,
60
+ createtime: "2026-02-11 15:12:26",
38
61
  attrvalue: "",
39
62
  serialnum: 3,
40
63
  children: [],
64
+ json: {
65
+ input: "second-picker",
66
+ dataType: "string",
67
+ length: 200,
68
+ "input-width": 240
69
+ }
70
+ },
71
+ {
72
+ xh: 4,
73
+ asid: "06C6CE201AB44B2CAAB11C753374AA40",
74
+ astype: 0,
75
+ tname: "tsyy_table2",
76
+ attrid: "665F59E637664037939512C9877EAD75",
77
+ attrname: "Meds Info",
78
+ attrtype: 0,
79
+ info: '{"input":"text","dataType":"string","length":500,"input-width":240}',
80
+ info_base64: 0,
81
+ createtime: "2026-02-11 15:12:26",
82
+ attrvalue: "",
83
+ serialnum: 4,
84
+ children: [],
85
+ json: {
86
+ input: "text",
87
+ dataType: "string",
88
+ length: 500,
89
+ "input-width": 240
90
+ }
91
+ },
92
+ {
93
+ xh: 5,
94
+ asid: "06C6CE201AB44B2CAAB11C753374AA40",
95
+ astype: 0,
96
+ tname: "tsyy_table2",
97
+ attrid: "290CF33D2AAD45399987987FAB80900B",
98
+ attrname: "Feeding Instruction",
99
+ attrtype: 0,
100
+ info: '{"input":"text","dataType":"string","length":500,"input-width":340}',
101
+ info_base64: 0,
102
+ createtime: "2026-02-11 15:12:26",
103
+ attrvalue: "",
104
+ serialnum: 5,
105
+ children: [],
41
106
  json: {
42
107
  input: "text",
43
108
  dataType: "string",
44
- length: 100,
45
- "input-width": 396
109
+ length: 500,
110
+ "input-width": 340
46
111
  }
47
112
  }
48
113
  ];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "szld-libs",
3
3
  "private": false,
4
- "version": "0.3.22",
4
+ "version": "0.3.23",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "dev": "vite",