kts-component-invoice-operate 3.0.3 → 3.0.4

package/dist/Invoice/InvoiceController/InvoiceControllerState/index.d.ts

@@ -1,8 +1,12 @@
 import GoodsListState from './GoodsListState';
 import BuyerState from './BuyerState';
 export default class InvoiceControllerState {
-    /** 组件模式 */
-    model: 'default' | 'prefab';
+    /**
+     * 组件模式
+     * prefab 预制
+     * readOnly 只读
+     * */
+    model: 'default' | 'prefab' | 'readOnly';
     /**
      * 企业类型
      * 01 一般纳税人

package/dist/index.esm.js

@@ -2126,6 +2126,7 @@ var AddRowButton = (function () {
     }, _callee2);
   })), [controller]);
   if (model === 'prefab') return React.createElement(React.Fragment, null);
+  if (model === 'readOnly') return React.createElement(React.Fragment, null);
   return React.createElement(Button, {
     onClick: onClick,
     disabled: disabled
@@ -9392,6 +9393,11 @@ var useColumns = (function (form) {
   var isTaxIncluded = controller.useMemo(function (e) {
     return e.goodsListState.isTaxIncluded;
   }, []);
+  /** 组件模式 */
+
+  var model = controller.useMemo(function (e) {
+    return e.model;
+  }, []);
   /** 是否显示我方 */
 
   var isMyShow = controller.useMemo(function (e) {
@@ -9507,7 +9513,7 @@ var useColumns = (function (form) {
             }
           })), React.createElement("div", {
             className: "kts-invoice-operate-goods-list-able-list-itemName-import"
-          }, controller.getGoodsList && React.createElement(Tooltip, {
+          }, controller.getGoodsList && model !== 'readOnly' && React.createElement(Tooltip, {
             title: "\u70B9\u51FB\u4ECE\u5546\u54C1\u7BA1\u7406\u4E2D\u6DFB\u52A0\u5546\u54C1\u4FE1\u606F"
           }, React.createElement(Button, {
             onClick: controller.pipeline( /*#__PURE__*/function () {
@@ -9538,9 +9544,7 @@ var useColumns = (function (form) {
             valueT: formatSearch(record.itemNameSelf, searchValue),
             valueF: formatSearch(record.itemName, searchValue),
             isMyShow: isMyShow
-          }); // return (
-          //   <span style={{ padding: '0 10px' }}>{formatSearch(value, searchValue)}</span>
-          // );
+          });
         }
       }
     }, {
@@ -10087,18 +10091,26 @@ var useColumns = (function (form) {
           goods: record
         });
       }
-    }].filter(function (e) {
+    }] // 含税不含税
+    .filter(function (e) {
       if (isTaxIncluded) {
         return !(e.key === 'priceExcludeTax' || e.key === 'lineAmountExcludeTax');
       } else {
         return !(e.key === 'priceIncludeTax' || e.key === 'lineAmountIncludeTax');
       }
+    }) // 只读
+    .filter(function (e) {
+      if (model === 'readOnly') {
+        return e.key !== 'operating';
+      } else {
+        return true;
+      }
     }).map(function (e) {
       return _objectSpread2(_objectSpread2({}, e), {}, {
         ellipsis: true
       });
     });
-  }, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue]);
+  }, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue, model]);
   React.useEffect(function () {
     if (!changeField) return;
     var t = setTimeout(function () {
@@ -10300,34 +10312,42 @@ var useOnRow = (function () {
               return _context2.abrupt("return");
 
             case 2:
+              if (!(model === 'readOnly')) {
+                _context2.next = 4;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 4:
               editGood = controller.state.goodsListState.editGood;
 
               if (!(record.lineAttribute !== LineAttributeType$1.正常)) {
-                _context2.next = 5;
+                _context2.next = 7;
                 break;
               }
 
               return _context2.abrupt("return");
 
-            case 5:
+            case 7:
               if (!editGood) {
-                _context2.next = 14;
+                _context2.next = 16;
                 break;
               }
 
               if (!(editGood.$index === record.$index)) {
-                _context2.next = 8;
+                _context2.next = 10;
                 break;
               }
 
               return _context2.abrupt("return");
 
-            case 8:
-              _context2.next = 10;
-              return controller.saveEditGood();
-
             case 10:
               _context2.next = 12;
+              return controller.saveEditGood();
+
+            case 12:
+              _context2.next = 14;
               return controller.pipeline( /*#__PURE__*/function () {
                 var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
                   return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -10357,15 +10377,15 @@ var useOnRow = (function () {
                 };
               }())();
 
-            case 12:
-              _context2.next = 16;
+            case 14:
+              _context2.next = 18;
               break;
 
-            case 14:
-              _context2.next = 16;
+            case 16:
+              _context2.next = 18;
               return controller.setEditGood(record);
 
-            case 16:
+            case 18:
             case "end":
               return _context2.stop();
           }
@@ -10775,6 +10795,9 @@ var coolingFn = (function () {
 
 var useEndowCodeButton = (function () {
   var controller = Invoice.useInvoiceController();
+  var model = controller.useMemo(function (s) {
+    return s.model;
+  }, []);
   /** 是否禁用 */
 
   var disabled = controller.useMemo(function (s) {
@@ -10852,6 +10875,7 @@ var useEndowCodeButton = (function () {
     }, _callee2);
   })), [controller]);
   var menuItem = React.useMemo(function () {
+    if (model === 'readOnly') return React.createElement(React.Fragment, null);
     return React.createElement(Menu.Item, {
       key: "2",
       onClick: onClick,
@@ -10859,6 +10883,7 @@ var useEndowCodeButton = (function () {
     }, "\u6279\u91CF\u8D4B\u7801");
   }, [onClick, disabled]);
   var button = React.useMemo(function () {
+    if (model === 'readOnly') return React.createElement(React.Fragment, null);
     return React.createElement(Button, {
       onClick: onClick,
       disabled: disabled
@@ -10923,14 +10948,16 @@ var useDelRowButton = (function () {
   }, [controller]);
   var menuItem = React.useMemo(function () {
     if (model === 'prefab') return React.createElement(React.Fragment, null);
+    if (model === 'readOnly') return React.createElement(React.Fragment, null);
     return React.createElement(Menu.Item, {
       key: "1",
       onClick: onClick,
       disabled: disabled
-    }, "\u5220\u9664\u884C");
+    }, " \u5220\u9664\u884C ");
   }, [model, onClick, disabled]);
   var button = React.useMemo(function () {
     if (model === 'prefab') return React.createElement(React.Fragment, null);
+    if (model === 'readOnly') return React.createElement(React.Fragment, null);
     return React.createElement(Button, {
       onClick: onClick,
       disabled: disabled

package/dist/index.js

@@ -2136,6 +2136,7 @@ var AddRowButton = (function () {
     }, _callee2);
   })), [controller]);
   if (model === 'prefab') return React__default['default'].createElement(React__default['default'].Fragment, null);
+  if (model === 'readOnly') return React__default['default'].createElement(React__default['default'].Fragment, null);
   return React__default['default'].createElement(ktsComponentsAntdX3.Button, {
     onClick: onClick,
     disabled: disabled
@@ -9402,6 +9403,11 @@ var useColumns = (function (form) {
   var isTaxIncluded = controller.useMemo(function (e) {
     return e.goodsListState.isTaxIncluded;
   }, []);
+  /** 组件模式 */
+
+  var model = controller.useMemo(function (e) {
+    return e.model;
+  }, []);
   /** 是否显示我方 */
 
   var isMyShow = controller.useMemo(function (e) {
@@ -9517,7 +9523,7 @@ var useColumns = (function (form) {
             }
           })), React__default['default'].createElement("div", {
             className: "kts-invoice-operate-goods-list-able-list-itemName-import"
-          }, controller.getGoodsList && React__default['default'].createElement(ktsComponentsAntdX3.Tooltip, {
+          }, controller.getGoodsList && model !== 'readOnly' && React__default['default'].createElement(ktsComponentsAntdX3.Tooltip, {
             title: "\u70B9\u51FB\u4ECE\u5546\u54C1\u7BA1\u7406\u4E2D\u6DFB\u52A0\u5546\u54C1\u4FE1\u606F"
           }, React__default['default'].createElement(ktsComponentsAntdX3.Button, {
             onClick: controller.pipeline( /*#__PURE__*/function () {
@@ -9548,9 +9554,7 @@ var useColumns = (function (form) {
             valueT: formatSearch(record.itemNameSelf, searchValue),
             valueF: formatSearch(record.itemName, searchValue),
             isMyShow: isMyShow
-          }); // return (
-          //   <span style={{ padding: '0 10px' }}>{formatSearch(value, searchValue)}</span>
-          // );
+          });
         }
       }
     }, {
@@ -10097,18 +10101,26 @@ var useColumns = (function (form) {
           goods: record
         });
       }
-    }].filter(function (e) {
+    }] // 含税不含税
+    .filter(function (e) {
       if (isTaxIncluded) {
         return !(e.key === 'priceExcludeTax' || e.key === 'lineAmountExcludeTax');
       } else {
         return !(e.key === 'priceIncludeTax' || e.key === 'lineAmountIncludeTax');
       }
+    }) // 只读
+    .filter(function (e) {
+      if (model === 'readOnly') {
+        return e.key !== 'operating';
+      } else {
+        return true;
+      }
     }).map(function (e) {
       return _objectSpread2(_objectSpread2({}, e), {}, {
         ellipsis: true
       });
     });
-  }, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue]);
+  }, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue, model]);
   React__default['default'].useEffect(function () {
     if (!changeField) return;
     var t = setTimeout(function () {
@@ -10310,34 +10322,42 @@ var useOnRow = (function () {
               return _context2.abrupt("return");
 
             case 2:
+              if (!(model === 'readOnly')) {
+                _context2.next = 4;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 4:
               editGood = controller.state.goodsListState.editGood;
 
               if (!(record.lineAttribute !== LineAttributeType$1.正常)) {
-                _context2.next = 5;
+                _context2.next = 7;
                 break;
               }
 
               return _context2.abrupt("return");
 
-            case 5:
+            case 7:
               if (!editGood) {
-                _context2.next = 14;
+                _context2.next = 16;
                 break;
               }
 
               if (!(editGood.$index === record.$index)) {
-                _context2.next = 8;
+                _context2.next = 10;
                 break;
               }
 
               return _context2.abrupt("return");
 
-            case 8:
-              _context2.next = 10;
-              return controller.saveEditGood();
-
             case 10:
               _context2.next = 12;
+              return controller.saveEditGood();
+
+            case 12:
+              _context2.next = 14;
               return controller.pipeline( /*#__PURE__*/function () {
                 var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
                   return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -10367,15 +10387,15 @@ var useOnRow = (function () {
                 };
               }())();
 
-            case 12:
-              _context2.next = 16;
+            case 14:
+              _context2.next = 18;
               break;
 
-            case 14:
-              _context2.next = 16;
+            case 16:
+              _context2.next = 18;
               return controller.setEditGood(record);
 
-            case 16:
+            case 18:
             case "end":
               return _context2.stop();
           }
@@ -10785,6 +10805,9 @@ var coolingFn = (function () {
 
 var useEndowCodeButton = (function () {
   var controller = Invoice.useInvoiceController();
+  var model = controller.useMemo(function (s) {
+    return s.model;
+  }, []);
   /** 是否禁用 */
 
   var disabled = controller.useMemo(function (s) {
@@ -10862,6 +10885,7 @@ var useEndowCodeButton = (function () {
     }, _callee2);
   })), [controller]);
   var menuItem = React__default['default'].useMemo(function () {
+    if (model === 'readOnly') return React__default['default'].createElement(React__default['default'].Fragment, null);
     return React__default['default'].createElement(ktsComponentsAntdX3.Menu.Item, {
       key: "2",
       onClick: onClick,
@@ -10869,6 +10893,7 @@ var useEndowCodeButton = (function () {
     }, "\u6279\u91CF\u8D4B\u7801");
   }, [onClick, disabled]);
   var button = React__default['default'].useMemo(function () {
+    if (model === 'readOnly') return React__default['default'].createElement(React__default['default'].Fragment, null);
     return React__default['default'].createElement(ktsComponentsAntdX3.Button, {
       onClick: onClick,
       disabled: disabled
@@ -10933,14 +10958,16 @@ var useDelRowButton = (function () {
   }, [controller]);
   var menuItem = React__default['default'].useMemo(function () {
     if (model === 'prefab') return React__default['default'].createElement(React__default['default'].Fragment, null);
+    if (model === 'readOnly') return React__default['default'].createElement(React__default['default'].Fragment, null);
     return React__default['default'].createElement(ktsComponentsAntdX3.Menu.Item, {
       key: "1",
       onClick: onClick,
       disabled: disabled
-    }, "\u5220\u9664\u884C");
+    }, " \u5220\u9664\u884C ");
   }, [model, onClick, disabled]);
   var button = React__default['default'].useMemo(function () {
     if (model === 'prefab') return React__default['default'].createElement(React__default['default'].Fragment, null);
+    if (model === 'readOnly') return React__default['default'].createElement(React__default['default'].Fragment, null);
     return React__default['default'].createElement(ktsComponentsAntdX3.Button, {
       onClick: onClick,
       disabled: disabled

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/Invoice/InvoiceController/InvoiceControllerState/index.ts

@@ -3,9 +3,13 @@ import BuyerState from './BuyerState';
 
 export default class InvoiceControllerState {
 
-  /** 组件模式 */
-  model: 'default' | 'prefab' = 'default';
-
+  /** 
+   * 组件模式 
+   * prefab 预制
+   * readOnly 只读
+   * */
+  model: 'default' | 'prefab' | 'readOnly' = 'default';
+ 
   /** 
    * 企业类型 
    * 01 一般纳税人

package/src/Invoice/ui/GoodsList/hook/useColumns/index.tsx

@@ -27,6 +27,9 @@ export default (form: WrappedFormUtils) => {
   /** 是否含税 */
   const isTaxIncluded = controller.useMemo(e => e.goodsListState.isTaxIncluded, []);
 
+  /** 组件模式 */
+  const model = controller.useMemo(e => e.model, []);
+
   /** 是否显示我方 */
   const isMyShow = controller.useMemo(e => e.goodsListState.isMyShow, []);
 
@@ -92,7 +95,7 @@ export default (form: WrappedFormUtils) => {
                     />,
                   )}
                   <div className="kts-invoice-operate-goods-list-able-list-itemName-import">
-                    {controller.getGoodsList && (
+                    {controller.getGoodsList && model !== 'readOnly' && (
                       <Tooltip title="点击从商品管理中添加商品信息">
                         <Button
                           onClick={controller.pipeline(async s => { s.goodsListState.importGoods.isVisibleDrawer = true })}
@@ -113,9 +116,6 @@ export default (form: WrappedFormUtils) => {
                 isMyShow={isMyShow}
               />
             )
-            // return (
-            //   <span style={{ padding: '0 10px' }}>{formatSearch(value, searchValue)}</span>
-            // );
           }
         },
       },
@@ -475,6 +475,7 @@ export default (form: WrappedFormUtils) => {
         render: (_value: string, record: IGood) => <RowMenu key={record.lineAttribute} goods={record} />,
       },
     ]
+      // 含税不含税
       .filter((e) => {
         if (isTaxIncluded) {
           return !(e.key === 'priceExcludeTax' || e.key === 'lineAmountExcludeTax');
@@ -482,13 +483,21 @@ export default (form: WrappedFormUtils) => {
           return !(e.key === 'priceIncludeTax' || e.key === 'lineAmountIncludeTax');
         }
       })
+      // 只读
+      .filter(e => {
+        if (model === 'readOnly') {
+          return e.key !== 'operating';
+        } else {
+          return true;
+        }
+      })
       .map((e) => {
         return {
           ...e,
           ellipsis: true,
         };
       }) as any[];
-  }, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue]);
+  }, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue, model]);
 
   React.useEffect(() => {
     if (!changeField) return;

package/src/Invoice/ui/GoodsList/hook/useOnRow/index.tsx

@@ -15,7 +15,8 @@ export default () => {
 
   const onClick = React.useCallback(
     async (record: IGood) => {
-      if (model === 'prefab') return
+      if (model === 'prefab') return;
+      if (model === 'readOnly') return;
 
       const editGood = controller.state.goodsListState.editGood;
       if (record.lineAttribute !== LineAttributeType.正常) return;

package/src/Invoice/ui/GoodsList/ui/AddRowButton/index.tsx

@@ -39,6 +39,7 @@ export default () => {
   }, [controller]);
 
   if (model === 'prefab') return <></>;
+  if (model === 'readOnly') return <></>;
 
   return (
     <Button onClick={onClick} disabled={disabled}>

package/src/Invoice/ui/GoodsList/ui/BulkMenu/hooks/useDelRowButton/index.tsx

@@ -45,17 +45,17 @@ export default () => {
   const menuItem = React.useMemo(() => {
 
     if (model === 'prefab') return <></>;
+    if (model === 'readOnly') return <></>;
 
     return (
-      <Menu.Item key="1" onClick={onClick} disabled={disabled}>
-        删除行
-      </Menu.Item>
+      <Menu.Item key="1" onClick={onClick} disabled={disabled}> 删除行 </Menu.Item>
     )
   }, [model, onClick, disabled])
 
   const button = React.useMemo(() => {
 
     if (model === 'prefab') return <></>;
+    if (model === 'readOnly') return <></>;
 
     return (
       <Button onClick={onClick} disabled={disabled} >批量删除</Button>

package/src/Invoice/ui/GoodsList/ui/BulkMenu/hooks/useEndowCodeButton/index.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
 import Invoice from '../../../../../../';
-import { message ,Menu, Button} from 'kts-components-antd-x3';
+import { message, Menu, Button } from 'kts-components-antd-x3';
 import coolingFn from '../../../../../../tools/coolingFn';
 
 export default () => {
+  
   const controller = Invoice.useInvoiceController();
 
+  const model = controller.useMemo(s => s.model, []);
+
   /** 是否禁用 */
   const disabled = controller.useMemo((s) => {
     if (s.goodsListState.selectedGoodIndex.length <= 0) return true;
@@ -34,7 +37,7 @@ export default () => {
   }, [controller]);
 
   const menuItem = React.useMemo(() => {
-
+    if (model === 'readOnly') return <></>;
     return (
       <Menu.Item key="2" onClick={onClick} disabled={disabled}>
         批量赋码
@@ -43,6 +46,7 @@ export default () => {
   }, [onClick, disabled])
 
   const button = React.useMemo(() => {
+    if (model === 'readOnly') return <></>;
     return (
       <Button onClick={onClick} disabled={disabled}>
         批量赋码