ns-base-module 1.0.4 → 1.0.5

package/dist/SubtotalsModal/dndQuota.js

@@ -0,0 +1,384 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/* eslint-disable no-case-declarations */
+/* eslint-disable react/no-unknown-property */
+import { CalendarOutlined, DeleteOutlined, DownOutlined, FieldNumberOutlined, FieldStringOutlined } from "@ant-design/icons";
+import { Dropdown, Radio, Space, Tooltip } from "antd";
+import { find, get, isEmpty } from "lodash";
+import React, { forwardRef, useEffect, useImperativeHandle, useState } from "react";
+import { ReactSortable } from "react-sortablejs";
+import { queryDictEnum } from "../utils/services/global";
+var component = [{
+  compId: "1",
+  compName: "栅格",
+  compType: "wrap"
+}, {
+  compId: "2",
+  compName: "输入框",
+  compType: "input"
+}, {
+  compId: "3",
+  compName: "下拉选择器",
+  compType: "selector"
+}, {
+  compId: "4",
+  compName: "日期选择器",
+  compType: "date-picker"
+}];
+var Index = function Index(props, ref) {
+  // const [components, setComponents] = useState<ItemType[]>(component);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    summaryTypeArr = _useState2[0],
+    setSummaryTypeArr = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    list = _useState4[0],
+    _setList = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    numberList = _useState6[0],
+    setNumberList = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    dimensionList = _useState8[0],
+    setDimensionList = _useState8[1];
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    quotaList = _useState10[0],
+    setQuotaList = _useState10[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    chartColumns = _useState12[0],
+    setChartColumns = _useState12[1];
+  var _useState13 = useState("list"),
+    _useState14 = _slicedToArray(_useState13, 2),
+    valueRadio = _useState14[0],
+    setValueRadio = _useState14[1];
+  useImperativeHandle(ref, function () {
+    return {
+      getQuotaDataStr: function getQuotaDataStr() {
+        return JSON.stringify({
+          list: list,
+          numberList: numberList,
+          dimensionList: dimensionList,
+          quotaList: quotaList,
+          chartColumns: chartColumns,
+          valueRadio: valueRadio
+        });
+      }
+    };
+  });
+
+  // 汇总方式枚举
+  var getSummaryType = function getSummaryType() {
+    queryDictEnum("summaryType").then(function (res) {
+      var _res$data;
+      if ((res === null || res === void 0 || (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.code) == 200) {
+        var _res$data2;
+        setSummaryTypeArr((res === null || res === void 0 || (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.data) || []);
+      }
+    });
+  };
+  useEffect(function () {
+    getSummaryType();
+  }, []);
+
+  // 初始化列表
+  var initList = function initList() {
+    var _props$columns;
+    var initdimensionList = get(props.initConfig, "dimensionList", []);
+    var initquotaList = get(props.initConfig, "quotaList", []);
+    var initchartColumns = get(props.initConfig, "chartColumns", []);
+    var _valueRadio = get(props.initConfig, "valueRadio", "list");
+    var _dimensionList = [];
+    var _chartColumns = [];
+    var _quotaList = [];
+    var _numberList = [];
+    var _list = [];
+    (_props$columns = props.columns) === null || _props$columns === void 0 || _props$columns.forEach(function (item) {
+      // 默认值
+      var dimensionItem = find(initdimensionList, function (o) {
+        return o.value === item.value;
+      });
+      var quotaItem = find(initquotaList, function (o) {
+        return o.value === item.value;
+      });
+      var chartItem = find(initchartColumns, function (o) {
+        return o.value === item.value;
+      });
+      if (dimensionItem) {
+        _dimensionList.push(dimensionItem);
+      } else if (chartItem) {
+        _chartColumns.push(chartItem);
+      } else if (quotaItem) {
+        _quotaList.push(quotaItem);
+      } else if (item.dataType === "number") {
+        _numberList.push(item);
+      } else {
+        _list.push(item);
+      }
+    });
+    _setList(_list);
+    setNumberList(_numberList);
+    setDimensionList(_dimensionList);
+    setQuotaList(_quotaList);
+    setChartColumns(_chartColumns);
+    setValueRadio(_valueRadio);
+  };
+  useEffect(function () {
+    initList();
+  }, [props.columns, props.initConfig]);
+
+  // 选择汇总方式
+  var handleMenu = function handleMenu(e, item) {
+    var _quotaList = _toConsumableArray(quotaList);
+    for (var i = 0, l = _quotaList.length; i < l; i++) {
+      if (_quotaList[i].value === item.value) {
+        _quotaList[i].sumType = e.key;
+        break;
+      }
+    }
+    setQuotaList(_quotaList);
+  };
+  var handleDel = function handleDel(item, index, code) {
+    if (code === "dimension") {
+      var _list = _toConsumableArray(list);
+      var _dimensionList = _toConsumableArray(dimensionList);
+      _dimensionList.splice(index, 1);
+      _list.push(item);
+      setDimensionList(_dimensionList);
+      _setList(_list);
+    } else if (code === "quota") {
+      var _numberList = _toConsumableArray(numberList);
+      var _quotaList = _toConsumableArray(quotaList);
+      _quotaList.splice(index, 1);
+      _numberList.push(item);
+      setNumberList(_numberList);
+      setQuotaList(_quotaList);
+    } else if (code === "list") {
+      var _list2 = _toConsumableArray(list);
+      var _chartColumns = _toConsumableArray(chartColumns);
+      _chartColumns.splice(index, 1);
+      _list2.push(item);
+      setChartColumns(_chartColumns);
+      _setList(_list2);
+    }
+  };
+  var renderFormItem = function renderFormItem(_list, code) {
+    var showMenuLabel = function showMenuLabel(type) {
+      var str = "";
+      for (var i = 0, l = summaryTypeArr.length; i < l; i++) {
+        if (summaryTypeArr[i].value === type) {
+          str = summaryTypeArr[i].label;
+          break;
+        }
+      }
+      return str;
+    };
+    return /*#__PURE__*/React.createElement(React.Fragment, null, _list.map(function (item, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "dnd_quota__item",
+        key: item.value
+      }, /*#__PURE__*/React.createElement(Tooltip, {
+        title: item.label
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "dnd_quota__item_label"
+      }, item.label)), /*#__PURE__*/React.createElement("div", null, code === "quota" && /*#__PURE__*/React.createElement(Dropdown, {
+        menu: {
+          items: summaryTypeArr.map(function (d) {
+            return _objectSpread(_objectSpread({}, d), {}, {
+              key: d.value
+            });
+          }),
+          onClick: function onClick(e) {
+            return handleMenu(e, item);
+          }
+        },
+        trigger: ["click"]
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "dnd_quota__item_txt"
+      }, /*#__PURE__*/React.createElement(Space, {
+        size: 2
+      }, showMenuLabel(item.sumType), /*#__PURE__*/React.createElement(DownOutlined, null)))), /*#__PURE__*/React.createElement(DeleteOutlined, {
+        style: {
+          marginLeft: 6
+        },
+        onClick: function onClick() {
+          return handleDel(item, index, code);
+        }
+      })));
+    }));
+  };
+  var sortableList = function sortableList(_list) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, _list.map(function (item) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "dnd_quota__item dnd_quota_left-".concat(item.value),
+        key: item.value,
+        "comp-type": item.value
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "item-icon"
+      }, item.dataType == "number" ? /*#__PURE__*/React.createElement(FieldNumberOutlined, {
+        style: {
+          fontSize: 16
+        }
+      }) : item.dataType == "datetime" ? /*#__PURE__*/React.createElement(CalendarOutlined, {
+        style: {
+          fontSize: 16
+        }
+      }) : /*#__PURE__*/React.createElement(FieldStringOutlined, {
+        style: {
+          fontSize: 16
+        }
+      })), item.label);
+    }));
+  };
+  var onChangeRadio = function onChangeRadio(e) {
+    setValueRadio(e.target.value);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "dnd_quota_main"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "dnd_quota_left"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "dnd_quota_block_top"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "dnd_quota_left-title"
+  }, "\u5206\u7C7B\u578B"), /*#__PURE__*/React.createElement("div", {
+    className: "dnd-quota-sortable-wrap init"
+  }, /*#__PURE__*/React.createElement(ReactSortable, {
+    tag: "div",
+    group: {
+      name: "component",
+      pull: true,
+      put: false
+    },
+    sort: false,
+    list: list,
+    setList: function setList(data) {
+      _setList(data);
+    }
+  }, sortableList(list)))), /*#__PURE__*/React.createElement("div", {
+    className: "dnd_quota_block_bottom "
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "dnd_quota_left-title"
+  }, "\u6570\u91CF\u578B"), /*#__PURE__*/React.createElement("div", {
+    className: "dnd-quota-sortable-wrap number"
+  }, /*#__PURE__*/React.createElement(ReactSortable, {
+    tag: "div",
+    group: {
+      name: "component",
+      pull: true,
+      put: false
+    },
+    sort: false,
+    list: numberList,
+    setList: function setList(data) {
+      setNumberList(data);
+    }
+  }, sortableList(numberList))))), /*#__PURE__*/React.createElement("div", {
+    className: "dnd-quota-spce"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "dnd_quota_right"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    onChange: onChangeRadio,
+    value: valueRadio
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: "list"
+  }, "\u5217\u8868"), /*#__PURE__*/React.createElement(Radio, {
+    value: "cross"
+  }, "\u900F\u89C6\u8868")), /*#__PURE__*/React.createElement("div", {
+    className: "dnd_quota_block_top",
+    style: {
+      marginTop: 4
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "dnd_quota_left-title"
+  }, "\u7EF4\u5EA6"), /*#__PURE__*/React.createElement("div", {
+    className: "dnd-quota-sortable-wrap dimension"
+  }, /*#__PURE__*/React.createElement(ReactSortable, {
+    tag: "div",
+    className: "dnd_quota_right_payground ".concat(isEmpty(dimensionList) ? "empty" : ""),
+    group: {
+      name: "component",
+      pull: false,
+      put: true
+    },
+    swap: true,
+    direction: "horizontal",
+    fallbackOnBody: true,
+    swapThreshold: 1,
+    animation: 200,
+    list: dimensionList,
+    setList: function setList(e) {
+      setDimensionList(e);
+    }
+  }, renderFormItem(dimensionList, "dimension")))), valueRadio === "cross" && /*#__PURE__*/React.createElement("div", {
+    className: "dnd_quota_block_bottom"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "dnd_quota_left-title"
+  }, "\u5217"), /*#__PURE__*/React.createElement("div", {
+    className: "dnd-quota-sortable-wrap list"
+  }, /*#__PURE__*/React.createElement(ReactSortable, {
+    tag: "div",
+    className: "dnd_quota_right_payground ".concat(isEmpty(chartColumns) ? "empty" : ""),
+    group: {
+      name: "component",
+      pull: false,
+      put: true
+    },
+    swap: true,
+    direction: "horizontal",
+    fallbackOnBody: true,
+    swapThreshold: 1,
+    animation: 200,
+    list: chartColumns,
+    setList: function setList(e) {
+      setChartColumns(e);
+    }
+  }, renderFormItem(chartColumns, "list")))), /*#__PURE__*/React.createElement("div", {
+    className: "dnd_quota_block_bottom"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "dnd_quota_left-title"
+  }, "\u6307\u6807"), /*#__PURE__*/React.createElement("div", {
+    className: "dnd-quota-sortable-wrap quota"
+  }, /*#__PURE__*/React.createElement(ReactSortable, {
+    tag: "div",
+    className: "dnd_quota_right_payground ".concat(isEmpty(quotaList) ? "empty" : ""),
+    group: {
+      name: "component",
+      pull: false,
+      put: true
+    },
+    swap: true,
+    direction: "horizontal",
+    fallbackOnBody: true,
+    swapThreshold: 1,
+    animation: 200,
+    list: quotaList,
+    setList: function setList(e) {
+      var defaultSummaryType = get(summaryTypeArr, "[0].value", "");
+      var _arr = e.map(function (d) {
+        return _objectSpread({
+          sumType: defaultSummaryType
+        }, d);
+      });
+      setQuotaList(_arr);
+    }
+  }, renderFormItem(quotaList, "quota"))))));
+};
+export default /*#__PURE__*/forwardRef(Index);

package/dist/SubtotalsModal/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 小计弹窗
+ */
+import React from "react";
+import "../../style/components/SubtotalsModal.scss";
+export interface SubtotalsModalProps {
+    onOk: (values: Record<string, string[]>) => void;
+    children: React.ReactElement;
+    columns: {
+        label: string;
+        value: string;
+    }[];
+    menuCode: string;
+    formTemplateCode: string | undefined;
+    commonRequest: any;
+}
+declare const Index: React.FC<SubtotalsModalProps>;
+export default Index;
+//# sourceMappingURL=index.d.ts.map

package/dist/SubtotalsModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAMA;;GAEG;AAKH,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,4CAA4C,CAAC;AAMpD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE5C,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IAErC,aAAa,EAAE,GAAG,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwJxC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/SubtotalsModal/index.js

@@ -0,0 +1,192 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/*
+ * @description:
+ * @author chenchangfu
+ * Copyright (c) 2019, AUTHOR. All rights reserved.
+ * AUTHOR PROPRIETARY/CONFIDENTIAL. Use is subject to license terms.
+ */
+/**
+ * 小计弹窗
+ */
+
+import { PlusOutlined } from "@ant-design/icons";
+import { Button, Popover, Tooltip } from "antd";
+import { initLang } from "../utils/language";
+import React, { useRef, useState } from "react";
+import "../../style/components/SubtotalsModal.scss";
+import ChooseModal from "../ChooseModal";
+import AddSubtotals from "./addSubtotals";
+import SubtotalTemplate from "./subtotalTemplate";
+import ViewSubtotals from "./viewSubtotals";
+var Index = function Index(_ref) {
+  var children = _ref.children,
+    columns = _ref.columns,
+    onOk = _ref.onOk,
+    menuCode = _ref.menuCode,
+    formTemplateCode = _ref.formTemplateCode,
+    commonRequest = _ref.commonRequest;
+  var modalRef = useRef();
+  var addSubtotalsRef = useRef();
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    initConfig = _useState2[0],
+    setInitConfig = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    editItem = _useState4[0],
+    setEditItem = _useState4[1];
+  var _useState5 = useState(1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    updateTemplate = _useState6[0],
+    setUpdateTemplate = _useState6[1];
+  var _useState7 = useState(""),
+    _useState8 = _slicedToArray(_useState7, 2),
+    jsons = _useState8[0],
+    setJsons = _useState8[1];
+  var handleAdd = function handleAdd() {
+    setInitConfig({});
+    setEditItem(null);
+    setJsons("");
+  };
+  var handleSet = function handleSet(item) {
+    try {
+      var _modalRef$current, _modalRef$current$onS;
+      var _initConfig = JSON.parse(item.define);
+      setInitConfig(_initConfig);
+      setEditItem(item);
+      setJsons("");
+      (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 || (_modalRef$current$onS = _modalRef$current.onShow) === null || _modalRef$current$onS === void 0 || _modalRef$current$onS.call(_modalRef$current);
+    } catch (error) {
+      var _modalRef$current2, _modalRef$current2$on;
+      setInitConfig({});
+      setEditItem(null);
+      setJsons("");
+      (_modalRef$current2 = modalRef.current) === null || _modalRef$current2 === void 0 || (_modalRef$current2$on = _modalRef$current2.onShow) === null || _modalRef$current2$on === void 0 || _modalRef$current2$on.call(_modalRef$current2);
+    }
+  };
+
+  // 预览
+  var handleView = function handleView(str) {
+    setJsons(str);
+  };
+  // 返回
+  var onCancel = function onCancel() {
+    var _modalRef$current3, _modalRef$current3$on;
+    setUpdateTemplate(function (num) {
+      return num + 1;
+    });
+    (_modalRef$current3 = modalRef.current) === null || _modalRef$current3 === void 0 || (_modalRef$current3$on = _modalRef$current3.onHide) === null || _modalRef$current3$on === void 0 || _modalRef$current3$on.call(_modalRef$current3);
+  };
+
+  // 保存
+  var handleOk = function handleOk() {
+    var _addSubtotalsRef$curr, _addSubtotalsRef$curr2;
+    (_addSubtotalsRef$curr = addSubtotalsRef.current) === null || _addSubtotalsRef$curr === void 0 || (_addSubtotalsRef$curr2 = _addSubtotalsRef$curr.handleOk) === null || _addSubtotalsRef$curr2 === void 0 || _addSubtotalsRef$curr2.call(_addSubtotalsRef$curr);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover, {
+    placement: "bottomRight",
+    trigger: "click",
+    content: function content() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "popover-body",
+        style: {
+          width: 280
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "top-wrap"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "title"
+      }, initLang({
+        id: "list.subtotals"
+      })), /*#__PURE__*/React.createElement(ChooseModal, {
+        width: "90%",
+        ref: modalRef,
+        modalType: "right",
+        params: {
+          config: {
+            name: initLang({
+              id: "prompt.summaryTemplate"
+            })
+          }
+        },
+        modalNode: function modalNode() {
+          return /*#__PURE__*/React.createElement(Tooltip, {
+            placement: "top",
+            title: initLang({
+              id: "setting.info.add"
+            })
+          }, /*#__PURE__*/React.createElement(PlusOutlined, {
+            className: "add-icon",
+            style: {
+              display: "block"
+            },
+            onClick: handleAdd
+          }));
+        },
+        modalProps: {
+          zIndex: 1039,
+          wrapClassName: "modal-wrap",
+          destroyOnClose: true
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "subtotals-modal-wrap"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "subtotals-modal-left"
+      }, /*#__PURE__*/React.createElement(AddSubtotals, {
+        ref: addSubtotalsRef,
+        columns: columns,
+        menuCode: menuCode,
+        formTemplateCode: formTemplateCode,
+        onCancel: onCancel,
+        initConfig: initConfig,
+        editItem: editItem,
+        handleView: handleView
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "subtotals-modal-right"
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          textAlign: "right",
+          marginTop: 4,
+          marginBottom: 16
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        onClick: onCancel,
+        style: {
+          marginRight: 8
+        },
+        size: "small"
+      }, initLang({
+        id: "button.back"
+      })), /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: handleOk,
+        size: "small"
+      }, initLang({
+        id: "button.save"
+      }))), /*#__PURE__*/React.createElement(ViewSubtotals, {
+        jsons: jsons,
+        columns: columns,
+        formTemplateCode: formTemplateCode,
+        menuCode: menuCode
+      }))))), /*#__PURE__*/React.createElement(SubtotalTemplate, {
+        key: updateTemplate,
+        menuCode: menuCode,
+        formTemplateCode: formTemplateCode,
+        handleSet: handleSet,
+        onOk: onOk,
+        commonRequest: commonRequest
+      }));
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: initLang({
+      id: "list.subtotals"
+    })
+  }, /*#__PURE__*/React.createElement(children.type, children.props))));
+};
+export default Index;

package/dist/SubtotalsModal/subtotalTemplate.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import "../../style/components/SubtotalsModal.scss";
+interface Imode {
+    define: string;
+    is_default?: string;
+    label: string;
+    value: string;
+    perms_type?: string;
+    owner?: "Y" | "N";
+}
+interface Iprops {
+    onOk: (values: Record<string, string[]>) => void;
+    handleSet: (values: Imode) => void;
+    menuCode: string;
+    formTemplateCode: string | undefined;
+    commonRequest: any;
+}
+declare const Index: React.FC<Iprops>;
+export default Index;
+//# sourceMappingURL=subtotalTemplate.d.ts.map

package/dist/SubtotalsModal/subtotalTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subtotalTemplate.d.ts","sourceRoot":"","sources":["subtotalTemplate.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,4CAA4C,CAAC;AAIpD,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACnB;AAED,UAAU,MAAM;IACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAC;IAEnC,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IAErC,aAAa,EAAE,GAAG,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqK3B,CAAC;AAEF,eAAe,KAAK,CAAC"}