kts-components-document-access-point 2.0.1 → 2.0.2

package/dist/index.js

@@ -2905,10 +2905,6 @@ function modalcomfirm(props) {
   }))));
 }
 
-var css_248z$3 = ".underline :global(.ktsAntX-select-selector) {\n  border: none !important;\n  border-bottom: 1px solid #d9d9d9 !important;\n}\n.underline :global(.ant-input) {\n  border: none !important;\n  border-bottom: 1px solid #d9d9d9 !important;\n}\n";
-styleInject(css_248z$3);
-
-var Option$2 = antd.Select.Option;
 var RangePicker = antd.DatePicker.RangePicker;
 var RadioGroup = antd.Radio.Group;
 var CheckboxGroup = antd.Checkbox.Group;
@@ -2932,10 +2928,10 @@ var PageHeader = (function () {
   var visible = controller.useMemo(function (s) {
     return s.visible;
   }, []);
-  var profileEnumRef = React.useRef([]);
-  var _useState3 = React.useState({}),
+  var _useState3 = React.useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    forceUpdate = _useState4[1];
+    profileEnum = _useState4[0],
+    setProfileEnum = _useState4[1];
   var ktsRef = React.useRef(null);
   var _useState5 = React.useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
@@ -3043,14 +3039,17 @@ var PageHeader = (function () {
     var target = billEnum.find(function (item) {
       return item.value === value;
     });
-    profileEnumRef.current = (target === null || target === void 0 ? void 0 : (_target$profileList = target.profileList) === null || _target$profileList === void 0 ? void 0 : _target$profileList.map(function (item) {
+    var newProfileEnum = (target === null || target === void 0 ? void 0 : (_target$profileList = target.profileList) === null || _target$profileList === void 0 ? void 0 : _target$profileList.map(function (item) {
       return {
         label: item.name,
         value: item.value
       };
     })) || [];
-    forceUpdate({});
-  }, [billEnum]);
+    setProfileEnum(newProfileEnum);
+    form === null || form === void 0 ? void 0 : form.setFieldsValue({
+      profile: undefined
+    });
+  }, [billEnum, controller]);
   var switchType = React__default['default'].useCallback(function (e) {
     controller.pipeline(/*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(s) {
@@ -3077,6 +3076,8 @@ var PageHeader = (function () {
         return _ref4.apply(this, arguments);
       };
     }())();
+    // 切换类型时也清空单据子类的值并重新创建表单
+    setProfileEnum([]);
   }, []);
   var handleCancel = React__default['default'].useCallback(function () {
     controller.pipeline(/*#__PURE__*/function () {
@@ -3133,30 +3134,23 @@ var PageHeader = (function () {
         name: "type",
         label: "单据大类",
         children: (/*#__PURE__*/React__default['default'].createElement(ktsXui.Select, {
-          className: css_248z$3.underline,
+          className: "underline",
           allowClear: true,
-          onChange: handleTypeChange
-        }, billEnum.map(function (item) {
-          return /*#__PURE__*/React__default['default'].createElement(Option$2, {
-            key: item.value,
-            value: item.value
-          }, item.label);
-        })))
+          onChange: handleTypeChange,
+          options: billEnum
+        }))
       });
       // 单据子类
       items.push({
         name: 'profile',
         label: '单据子类',
-        hidden: profileEnumRef.current.length === 0,
+        hidden: profileEnum.length === 0,
         children: (/*#__PURE__*/React__default['default'].createElement(ktsXui.Select, {
-          className: css_248z$3.underline,
-          allowClear: true
-        }, profileEnumRef.current.map(function (item) {
-          return /*#__PURE__*/React__default['default'].createElement(Option$2, {
-            key: item.value,
-            value: item.value
-          }, item.label);
-        })))
+          key: "profile-".concat((params === null || params === void 0 ? void 0 : params.type) || 'none'),
+          className: "underline",
+          allowClear: true,
+          options: profileEnum
+        }))
       });
       // 收发角色
       items.push({
@@ -3177,7 +3171,7 @@ var PageHeader = (function () {
         name: "createTime",
         label: "创建时间",
         children: /*#__PURE__*/React__default['default'].createElement(RangePicker, {
-          className: css_248z$3.underline
+          className: "underline-datepicker"
         })
       });
       // 更新时间
@@ -3185,7 +3179,7 @@ var PageHeader = (function () {
         name: "sendTime",
         label: "更新时间",
         children: /*#__PURE__*/React__default['default'].createElement(RangePicker, {
-          className: css_248z$3.underline
+          className: "underline-datepicker"
         })
       });
     } else if (type === 2) {
@@ -3204,6 +3198,10 @@ var PageHeader = (function () {
         }, "\u5DF2\u5931\u6548"), /*#__PURE__*/React__default['default'].createElement(antd.Radio, {
           value: 1
         }, "\u4F7F\u7528\u4E2D")))
+        // options: [
+        //     { label: '已失效', value: 0 },
+        //     { label: '使用中', value: 1 },
+        // ],
       });
       // 我的收发角色
       items.push({
@@ -3214,20 +3212,20 @@ var PageHeader = (function () {
         }, "\u53D1\u9001\u65B9"), /*#__PURE__*/React__default['default'].createElement(antd.Radio, {
           value: 2
         }, "\u63A5\u6536\u65B9")))
+        // options: [
+        //     { label: '发送方', value: 1 },
+        //     { label: '接收方', value: 2 },
+        // ],
       });
       // 我司对应DID
       items.push({
         name: "senderParticipantId",
         label: "我司对应DID",
         children: (/*#__PURE__*/React__default['default'].createElement(ktsXui.Select, {
-          className: css_248z$3.underline,
-          allowClear: true
-        }, didEnum.map(function (item) {
-          return /*#__PURE__*/React__default['default'].createElement(Option$2, {
-            key: item.value,
-            value: item.value
-          }, item.label);
-        })))
+          className: "underline",
+          allowClear: true,
+          options: didEnum
+        }))
       });
       // 接受对象
       items.push({
@@ -3246,42 +3244,34 @@ var PageHeader = (function () {
         name: "type",
         label: "单据大类",
         children: (/*#__PURE__*/React__default['default'].createElement(ktsXui.Select, {
-          className: css_248z$3.underline,
+          className: "underline",
           allowClear: true,
-          onChange: handleTypeChange
-        }, billEnum.map(function (item) {
-          return /*#__PURE__*/React__default['default'].createElement(Option$2, {
-            key: item.value,
-            value: item.value
-          }, item.label);
-        })))
+          onChange: handleTypeChange,
+          options: billEnum
+        }))
       });
       // 单据子类
       items.push({
         name: 'profile',
         label: '单据子类',
-        hidden: profileEnumRef.current.length === 0,
+        hidden: profileEnum.length === 0,
         children: (/*#__PURE__*/React__default['default'].createElement(ktsXui.Select, {
-          className: css_248z$3.underline,
-          allowClear: true
-        }, profileEnumRef.current.map(function (item) {
-          return /*#__PURE__*/React__default['default'].createElement(Option$2, {
-            key: item.value,
-            value: item.value
-          }, item.label);
-        })))
+          className: "underline",
+          allowClear: true,
+          options: profileEnum
+        }))
       });
       // 发布时间
       items.push({
         name: "createTime",
         label: "发布时间",
         children: /*#__PURE__*/React__default['default'].createElement(RangePicker, {
-          className: css_248z$3.underline
+          className: "underline-datepicker"
         })
       });
     }
     return items;
-  }, [billEnum, type, didlist]);
+  }, [billEnum, type, didlist, profileEnum]);
   var onCreateType = React.useCallback(function (category, record) {
     history.push({
       pathname: "/rule",
@@ -3299,46 +3289,29 @@ var PageHeader = (function () {
       }, [params, formItems]),
       formItems: formItems
     }),
-    search = _SearchXui$useCreate.search;
+    search = _SearchXui$useCreate.search,
+    inventory = _SearchXui$useCreate.inventory,
+    form = _SearchXui$useCreate.form;
   var topExpand = React.useCallback(function () {
     return /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
-        display: 'flex'
+        width: "100%"
       }
     }, /*#__PURE__*/React__default['default'].createElement("div", {
-      style: {
-        marginRight: 10
-      }
-    }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Group, {
-      value: type,
-      onChange: switchType
-    }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Button, {
-      value: 1,
-      style: {
-        whiteSpace: 'nowrap'
-      }
-    }, "\u5355\u636E\u6821\u9A8C\u89C4\u5219\u914D\u7F6E"), /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Button, {
-      value: 2,
-      style: {
-        whiteSpace: 'nowrap'
-      }
-    }, "\u53D1\u5E03\u8BB0\u5F55"))), /*#__PURE__*/React__default['default'].createElement("div", {
-      style: {
-        width: "100%",
-        paddingTop: '10px'
-      }
+      className: 'unifiedSearch'
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
         display: "flex",
         alignItems: "flex-start",
-        gap: "16px"
+        gap: "16px",
+        padding: '10px 0px'
       }
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
         flex: 1
       }
-    }, search))));
-  }, [type, search]);
+    }, search)), inventory));
+  }, [type, search, inventory]);
   var menu = React.useMemo(function () {
     return /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Menu, null, billEnum && billEnum.map(function (item, key) {
       if (item.profileList) {
@@ -3363,7 +3336,25 @@ var PageHeader = (function () {
       }
     }));
   }, [billEnum]);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      padding: "16px 20px",
+      borderBottom: "1px solid rgb(240, 240, 240)"
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Group, {
+    value: type,
+    onChange: switchType
+  }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Button, {
+    value: 1,
+    style: {
+      whiteSpace: 'nowrap'
+    }
+  }, "\u5355\u636E\u6821\u9A8C\u89C4\u5219\u914D\u7F6E"), /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Button, {
+    value: 2,
+    style: {
+      whiteSpace: 'nowrap'
+    }
+  }, "\u53D1\u5E03\u8BB0\u5F55"))), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       flex: 'none',
       position: 'relative',
@@ -3387,11 +3378,11 @@ var PageHeader = (function () {
   }), visible && /*#__PURE__*/React__default['default'].createElement(modalcomfirm, {
     handleCancel: handleCancel,
     list: selectedRowKey
-  }));
+  })));
 });
 
-var css_248z$4 = "";
-styleInject(css_248z$4);
+var css_248z$3 = "";
+styleInject(css_248z$3);
 
 var attributionEnum = {
   '1': '发送方',
@@ -5717,10 +5708,7 @@ var Controller$1 = /*#__PURE__*/function (_GreyReactBox) {
   return _createClass(Controller);
 }(GreyReactBox__default['default']);
 
-var css_248z$5 = ".underline :global(.ktsAntX-select-selector) {\n  border: none !important;\n  border-bottom: 1px solid #d9d9d9 !important;\n}\n.underline :global(.ant-input) {\n  border: none !important;\n  border-bottom: 1px solid #d9d9d9 !important;\n}\n";
-styleInject(css_248z$5);
-
-var Option$3 = antd.Select.Option;
+var Option$2 = antd.Select.Option;
 var RangePicker$1 = antd.DatePicker.RangePicker;
 var Header = (function () {
   var controller = WhiteList.useController();
@@ -5825,34 +5813,33 @@ var Header = (function () {
       name: "companyDid",
       label: "我司对应DID",
       children: (/*#__PURE__*/React__default['default'].createElement(ktsXui.Select, {
-        className: css_248z$5.underline,
-        allowClear: true
-      }, didEnum === null || didEnum === void 0 ? void 0 : didEnum.map(function (item) {
-        return /*#__PURE__*/React__default['default'].createElement(Option$3, {
-          key: item.value,
-          value: item.value
-        }, item.label);
-      })))
+        className: "underline",
+        allowClear: true,
+        options: didEnum
+      }))
     });
     // 数据状态
     items.push({
       name: "dataStatus",
       label: "数据状态",
       children: (/*#__PURE__*/React__default['default'].createElement(ktsXui.Select, {
-        className: css_248z$5.underline,
-        allowClear: true
-      }, /*#__PURE__*/React__default['default'].createElement(Option$3, {
-        value: 1
-      }, "\u4F7F\u7528\u4E2D"), /*#__PURE__*/React__default['default'].createElement(Option$3, {
-        value: 2
-      }, "\u505C\u7528")))
+        className: "underline",
+        allowClear: true,
+        options: [{
+          label: '使用中',
+          value: 1
+        }, {
+          label: '停用',
+          value: 2
+        }]
+      }))
     });
     // 创建时间
     items.push({
       name: "createTime",
       label: "创建时间",
       children: /*#__PURE__*/React__default['default'].createElement(RangePicker$1, {
-        className: css_248z$5.underline
+        className: "underline-datepicker"
       })
     });
     return items;
@@ -5926,25 +5913,28 @@ var Header = (function () {
       }, [whiteParams, formItems]),
       formItems: formItems
     }),
-    search = _SearchXui$useCreate.search;
+    search = _SearchXui$useCreate.search,
+    inventory = _SearchXui$useCreate.inventory;
   var topExpand = React.useCallback(function () {
     return /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
         width: "100%"
-      },
+      }
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: 'unifiedSearch'
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
         display: "flex",
         alignItems: "flex-start",
-        gap: "16px"
+        gap: "16px",
+        padding: '10px 0px'
       }
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
         flex: 1
       }
-    }, search)));
-  }, [search]);
+    }, search))), inventory);
+  }, [search, inventory]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       flex: 'none',
@@ -6196,7 +6186,7 @@ function Rule$1(props) {
   }));
 }
 
-var Option$4 = antd.Select.Option;
+var Option$3 = antd.Select.Option;
 var RangePicker$2 = antd.DatePicker.RangePicker;
 var Header$1 = (function () {
   var controller = WhiteList.useController();
@@ -6271,34 +6261,33 @@ var Header$1 = (function () {
       name: "companyDid",
       label: "我司对应DID",
       children: (/*#__PURE__*/React__default['default'].createElement(ktsXui.Select, {
-        className: css_248z$5.underline,
-        allowClear: true
-      }, didEnum === null || didEnum === void 0 ? void 0 : didEnum.map(function (item) {
-        return /*#__PURE__*/React__default['default'].createElement(Option$4, {
-          key: item.value,
-          value: item.value
-        }, item.label);
-      })))
+        className: "underline",
+        allowClear: true,
+        options: didEnum
+      }))
     });
     // 数据状态
     items.push({
       name: "dataStatus",
       label: "数据状态",
       children: (/*#__PURE__*/React__default['default'].createElement(ktsXui.Select, {
-        className: css_248z$5.underline,
-        allowClear: true
-      }, /*#__PURE__*/React__default['default'].createElement(Option$4, {
-        value: 1
-      }, "\u4F7F\u7528\u4E2D"), /*#__PURE__*/React__default['default'].createElement(Option$4, {
-        value: 2
-      }, "\u505C\u7528")))
+        className: "underline",
+        allowClear: true,
+        options: [{
+          label: '使用中',
+          value: 1
+        }, {
+          label: '停用',
+          value: 2
+        }]
+      }))
     });
     // 创建时间
     items.push({
       name: "createTime",
       label: "创建时间",
       children: /*#__PURE__*/React__default['default'].createElement(RangePicker$2, {
-        className: css_248z$5.underline
+        className: "underline-datepicker"
       })
     });
     return items;
@@ -6372,7 +6361,8 @@ var Header$1 = (function () {
       }, [params, formItems]),
       formItems: formItems
     }),
-    search = _SearchXui$useCreate.search;
+    search = _SearchXui$useCreate.search,
+    inventory = _SearchXui$useCreate.inventory;
   var topExpand = React.useCallback(function () {
     return /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
@@ -6382,14 +6372,15 @@ var Header$1 = (function () {
       style: {
         display: "flex",
         alignItems: "flex-start",
-        gap: "16px"
+        gap: "16px",
+        padding: '10px 0px'
       }
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
         flex: 1
       }
-    }, search)));
-  }, [search]);
+    }, search)), inventory);
+  }, [search, inventory]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       flex: 'none',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-components-document-access-point",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "private": false,
   "scripts": {
     "start": "dumi dev",

package/src/DocumentWhiteList/ui/pageheader/BlackHeader.tsx

@@ -63,13 +63,7 @@ export default () => {
             name: "companyDid",
             label: "我司对应DID",
             children: (
-                <SearchSelect className={css.underline} allowClear>
-                    {didEnum?.map(item => (
-                        <Option key={item.value} value={item.value}>
-                            {item.label}
-                        </Option>
-                    ))}
-                </SearchSelect>
+                <SearchSelect className={"underline"} allowClear options={didEnum} />
             ),
         });
 
@@ -78,10 +72,10 @@ export default () => {
             name: "dataStatus",
             label: "数据状态",
             children: (
-                <SearchSelect className={css.underline} allowClear>
-                    <Option value={1}>使用中</Option>
-                    <Option value={2}>停用</Option>
-                </SearchSelect>
+                <SearchSelect className={"underline"} allowClear options={[
+                    { label: '使用中', value: 1 },
+                    { label: '停用', value: 2 },
+                ]} />
             ),
         });
 
@@ -89,7 +83,7 @@ export default () => {
         items.push({
             name: "createTime",
             label: "创建时间",
-            children: <RangePicker className={css.underline} />,
+            children: <RangePicker className={"underline-datepicker"} />,
         });
 
         return items;
@@ -118,7 +112,7 @@ export default () => {
         })()
     }, []);
     // 创建搜索组件
-    const { search } = SearchXui.useCreate({
+    const { search, inventory } = SearchXui.useCreate({
         labelCol: 9,
         onSubmit: (e) => {
             onSearchFormSubmit(e);
@@ -132,12 +126,14 @@ export default () => {
     const topExpand = useCallback(() => {
         return (
             <div style={{ width: "100%" }}>
-                <div style={{ display: "flex", alignItems: "flex-start", gap: "16px" }}>
+                <div style={{ display: "flex", alignItems: "flex-start", gap: "16px",padding: '10px 0px' }}>
                     <div style={{ flex: 1 }}>{search}</div>
                 </div>
+                {/* 搜索条件标签 */}
+                {inventory}
             </div>
         );
-    }, [search]);
+    }, [search, inventory]);
     return (
         <div style={{ flex: 'none', position: 'relative', zIndex: 1 }} >
             <PageHeaderFoot

package/src/DocumentWhiteList/ui/pageheader/WhiteHeader.tsx

@@ -72,13 +72,7 @@ export default () => {
             name: "companyDid",
             label: "我司对应DID",
             children: (
-                <SearchSelect className={css.underline} allowClear>
-                    {didEnum?.map(item => (
-                        <Option key={item.value} value={item.value}>
-                            {item.label}
-                        </Option>
-                    ))}
-                </SearchSelect>
+                <SearchSelect className={"underline"} allowClear options={didEnum} />
             ),
         });
 
@@ -87,10 +81,10 @@ export default () => {
             name: "dataStatus",
             label: "数据状态",
             children: (
-                <SearchSelect className={css.underline} allowClear>
-                    <Option value={1}>使用中</Option>
-                    <Option value={2}>停用</Option>
-                </SearchSelect>
+                <SearchSelect className={"underline"} allowClear options={[
+                    { label: '使用中', value: 1 },
+                    { label: '停用', value: 2 },
+                ]} />
             ),
         });
 
@@ -98,7 +92,7 @@ export default () => {
         items.push({
             name: "createTime",
             label: "创建时间",
-            children: <RangePicker className={css.underline}/>,
+            children: <RangePicker className={"underline-datepicker"}/>,
         });
 
         return items;
@@ -127,7 +121,7 @@ export default () => {
         })()
     }, []);
     // 创建搜索组件
-    const { search } = SearchXui.useCreate({
+    const { search, inventory } = SearchXui.useCreate({
         labelCol: 9,
         onSubmit: (e) => {
             onSearchFormSubmit(e);
@@ -140,13 +134,17 @@ export default () => {
 
     const topExpand = useCallback(() => {
         return (
-            <div style={{ width: "100%" }} className={'unifiedSearch'}>
-                <div style={{ display: "flex", alignItems: "flex-start", gap: "16px" }}>
-                    <div style={{ flex: 1 }}>{search}</div>
+            <div style={{ width: "100%" }}>
+                <div className={'unifiedSearch'}>
+                    <div style={{ display: "flex", alignItems: "flex-start", gap: "16px",padding: '10px 0px' }}>
+                        <div style={{ flex: 1 }}>{search}</div>
+                    </div>
                 </div>
+                {/* 搜索条件标签 */}
+                {inventory}
             </div>
         );
-    }, [search]);
+    }, [search, inventory]);
     return (
         <div style={{ flex: 'none', position: 'relative', zIndex: 1 }} >
             <PageHeaderFoot

package/src/DocumentsList/DocumentsListController/DocumentsListControllerState/index.ts

@@ -29,6 +29,10 @@ export interface ISelectedRowKey {
      *单据类型
      */
     type?: string;
+    /**
+     * 单据子类
+     */
+    profile?: string;
 }
 export interface IBillEnum {
     name: string;