@ztocwst/rc-pro-materials 0.1.26 → 0.1.27

package/lib/components/z-templates-data-common/components/custom-renderer/index.js

@@ -0,0 +1,167 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = require("react");
+var _rcPro = require("@ztocwst/rc-pro");
+var _dataCommon = require("../../data-common.helper");
+var _linkRenderer = _interopRequireDefault(require("../link-renderer"));
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate 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; }
+var CustomRenderer = function CustomRenderer(props) {
+  var _props$child;
+  var _ref = props || {},
+    activeKey = _ref.activeKey,
+    autoLoad = _ref.autoLoad,
+    refreshRate = _ref.refreshRate,
+    dataSetName = _ref.dataSetName,
+    dimJson = _ref.dimJson,
+    indexJson = _ref.indexJson,
+    linkPage = _ref.linkPage,
+    onConfirm = _ref.onConfirm,
+    formatter = _ref.formatter;
+  var rcProContext = (0, _react.useContext)(_rcPro.RcConfigContext);
+  var _useState = (0, _react.useState)(),
+    result = _useState[0],
+    setResult = _useState[1];
+  var _useState2 = (0, _react.useState)(false),
+    isLink = _useState2[0],
+    setIsLink = _useState2[1];
+  var linkChartRef = (0, _react.useRef)();
+  var timer = null;
+  var onLink = function onLink(values) {
+    var _linkChartRef$current, _linkChartRef$current2;
+    setIsLink(true);
+    (_linkChartRef$current = linkChartRef.current) === null || _linkChartRef$current === void 0 ? void 0 : (_linkChartRef$current2 = _linkChartRef$current.initial) === null || _linkChartRef$current2 === void 0 ? void 0 : _linkChartRef$current2.call(_linkChartRef$current, (0, _extends2["default"])({}, values));
+  };
+
+  // 获取数据源
+  var getDataSource = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(query) {
+      var _indexJson$data, target, _iterator, _step, item, queryParams, data, res;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (query === void 0) {
+              query = {};
+            }
+            _context.prev = 1;
+            target = [];
+            if (indexJson !== null && indexJson !== void 0 && (_indexJson$data = indexJson.data) !== null && _indexJson$data !== void 0 && _indexJson$data.length) {
+              for (_iterator = _createForOfIteratorHelperLoose(indexJson.data); !(_step = _iterator()).done;) {
+                item = _step.value;
+                target.push({
+                  description: item.name
+                });
+              }
+            }
+            queryParams = (0, _dataCommon.handleQueryParams)(query);
+            data = {
+              target: target,
+              queryParams: queryParams,
+              dataSetName: dataSetName
+            };
+            _context.next = 8;
+            return (0, _dataCommon.getReportData)(rcProContext, formatter ? formatter === null || formatter === void 0 ? void 0 : formatter(data) : data);
+          case 8:
+            res = _context.sent;
+            if (res !== null && res !== void 0 && res.success) {
+              setResult(res === null || res === void 0 ? void 0 : res.result);
+            }
+            _context.next = 16;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](1);
+            setResult(null);
+            console.error(_context.t0);
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 12]]);
+    }));
+    return function getDataSource(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var queryChart = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(value) {
+      var queryParams, _linkChartRef$current3;
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            queryParams = value[dataSetName] || value;
+            if (isLink) {
+              (_linkChartRef$current3 = linkChartRef.current) === null || _linkChartRef$current3 === void 0 ? void 0 : _linkChartRef$current3.queryChart(queryParams);
+            } else {
+              getDataSource(queryParams);
+            }
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function queryChart(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var handleClearInterval = function handleClearInterval() {
+    if (timer) {
+      clearInterval(timer);
+      timer = null;
+    }
+  };
+  (0, _react.useEffect)(function () {
+    var _ref4 = (activeKey === null || activeKey === void 0 ? void 0 : activeKey.split(_dataCommon.separator)) || [],
+      currentKey = _ref4[0];
+    if (currentKey === dataSetName) {
+      if (autoLoad) {
+        if (refreshRate) {
+          handleClearInterval();
+          timer = window.setInterval(function () {
+            return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+          }, refreshRate * _dataCommon.timeUnit);
+        } else {
+          onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+        }
+      }
+    } else {
+      handleClearInterval();
+    }
+    return function () {
+      handleClearInterval();
+    };
+  }, [activeKey, autoLoad]);
+  (0, _react.useImperativeHandle)(props.chartRef, function () {
+    return {
+      onLink: onLink,
+      queryChart: queryChart
+    };
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: !isLink ? 'block' : 'none'
+    }
+  }, (_props$child = props.child) === null || _props$child === void 0 ? void 0 : _props$child.call(props, result)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: isLink ? 'block' : 'none'
+    }
+  }, /*#__PURE__*/React.createElement(_linkRenderer["default"], {
+    chartRef: linkChartRef,
+    dimJson: dimJson,
+    linkPage: linkPage,
+    onConfirm: onConfirm,
+    onBack: function onBack() {
+      setIsLink(false);
+    }
+  })));
+};
+var _default = CustomRenderer;
+exports["default"] = _default;

package/lib/components/z-templates-data-common/components/dim-target/dim-target.helper.d.ts

@@ -0,0 +1,39 @@
+import type { CheckboxValueType } from 'antd/es/checkbox/Group';
+import { TypeTargetProps } from '../../data-common';
+/**
+ * 维度状态
+ */
+export interface DimsType {
+    title: string;
+    all: boolean;
+    indeterminate: boolean;
+    dimension: CheckboxValueType[];
+    dimensionSource: Array<Omit<TypeTargetProps, 'amounted' | 'enName' | 'isFilter'>>;
+}
+/**
+ * 指标状态
+ */
+export interface TargetsType {
+    title: string;
+    all: boolean;
+    indeterminate: boolean;
+    index: CheckboxValueType[];
+    indexSource: TypeTargetProps[];
+}
+/**
+ * 维度指标组件初始
+ */
+export interface DimTargetInitialValueType {
+    dims: DimsType;
+    targets: TargetsType;
+    rememberCheck: boolean;
+}
+/**
+ * 维度指标 Change value
+ */
+export interface DimTargetChangeOptionType {
+    dimension: CheckboxValueType[];
+    dimensionSource: Array<Omit<TypeTargetProps, 'amounted' | 'enName' | 'isFilter'>>;
+    index: CheckboxValueType[];
+    indexSource: TypeTargetProps[];
+}

package/lib/components/z-templates-data-common/components/dim-target/dim-target.helper.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/components/z-templates-data-common/components/dim-target/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ProButtonItemsProps } from '@ztocwst/rc-pro';
+import type { DimTargetChangeOptionType, DimTargetInitialValueType } from './dim-target.helper';
+import './index.less';
+export interface DimTargetProps {
+    value?: DimTargetInitialValueType;
+    dataSetName?: string;
+    remember?: boolean;
+    buttons?: ProButtonItemsProps[];
+    dimTargetRef?: React.Ref<{
+        getDimTargetValues: () => DimTargetChangeOptionType;
+    }>;
+    onChange?: (v: DimTargetChangeOptionType) => void;
+}
+declare const DimTarget: ({ value, dataSetName, remember, buttons, dimTargetRef, onChange, }: DimTargetProps) => JSX.Element;
+export default DimTarget;

package/lib/components/z-templates-data-common/components/dim-target/index.js

@@ -0,0 +1,438 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _rcPro = require("@ztocwst/rc-pro");
+var _dataCommon = require("../../data-common.helper");
+var _useUpdateEffect = _interopRequireDefault(require("./useUpdateEffect"));
+require("./index.less");
+var _excluded = ["checked"],
+  _excluded2 = ["checked"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate 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; }
+var DimsDefault = {
+  all: false,
+  indeterminate: false,
+  dimension: [],
+  dimensionSource: []
+};
+var TargetsDefault = {
+  all: false,
+  indeterminate: false,
+  index: [],
+  indexSource: []
+};
+var DimTarget = function DimTarget(_ref) {
+  var value = _ref.value,
+    dataSetName = _ref.dataSetName,
+    remember = _ref.remember,
+    buttons = _ref.buttons,
+    dimTargetRef = _ref.dimTargetRef,
+    onChange = _ref.onChange;
+  var rcProContext = (0, _react.useContext)(_rcPro.RcConfigContext);
+  /** 维度 状态 */
+  var _useState = (0, _react.useState)((0, _extends2["default"])({}, DimsDefault, value === null || value === void 0 ? void 0 : value.dims)),
+    dims = _useState[0],
+    setDims = _useState[1];
+  /** 指标 状态 */
+  var _useState2 = (0, _react.useState)((0, _extends2["default"])({}, TargetsDefault, value === null || value === void 0 ? void 0 : value.targets)),
+    targets = _useState2[0],
+    setTargets = _useState2[1];
+  /** 维度、指标宽度 */
+  var _useState3 = (0, _react.useState)(),
+    dimTargetWidth = _useState3[0],
+    setDimTargetWidth = _useState3[1];
+  /** 记住勾选 状态 */
+  var _useState4 = (0, _react.useState)(value === null || value === void 0 ? void 0 : value.rememberCheck),
+    rememberCheck = _useState4[0],
+    setRememberCheck = _useState4[1];
+  var initial = function initial() {
+    var _value$dims, _value$targets;
+    var dimensionSource = (value === null || value === void 0 ? void 0 : (_value$dims = value.dims) === null || _value$dims === void 0 ? void 0 : _value$dims.dimensionSource) || [];
+    var indexSource = (value === null || value === void 0 ? void 0 : (_value$targets = value.targets) === null || _value$targets === void 0 ? void 0 : _value$targets.indexSource) || [];
+    var dimensionIndex = [];
+    for (var _iterator = _createForOfIteratorHelperLoose(dimensionSource), _step; !(_step = _iterator()).done;) {
+      var item = _step.value;
+      dimensionIndex.push(item.description);
+    }
+    for (var _iterator2 = _createForOfIteratorHelperLoose(indexSource), _step2; !(_step2 = _iterator2()).done;) {
+      var _item = _step2.value;
+      dimensionIndex.push(_item.name);
+    }
+    setDimTargetWidth((0, _dataCommon.getMaxWidth)(dimensionIndex));
+    setDims((0, _extends2["default"])({}, DimsDefault, value === null || value === void 0 ? void 0 : value.dims));
+    setTargets((0, _extends2["default"])({}, TargetsDefault, value === null || value === void 0 ? void 0 : value.targets));
+    setRememberCheck(value === null || value === void 0 ? void 0 : value.rememberCheck);
+  };
+  var getDimTargetValues = function getDimTargetValues() {
+    return {
+      dimension: dims.dimension,
+      dimensionSource: dims.dimensionSource,
+      index: targets.index,
+      indexSource: targets.indexSource
+    };
+  };
+
+  /** 向外暴露属性方法 */
+  (0, _react.useImperativeHandle)(dimTargetRef, function () {
+    return {
+      getDimTargetValues: getDimTargetValues
+    };
+  });
+  (0, _react.useEffect)(function () {
+    if (value) {
+      initial();
+    }
+  }, [value]);
+
+  /** 维度全选事件 */
+  var dimAllChange = function dimAllChange(event) {
+    var _event$target;
+    var all = event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.checked;
+    var dimension = all ? dims.dimensionSource.map(function (item) {
+      return item.alias || item.description;
+    }) : [];
+    setDims((0, _extends2["default"])({}, dims, {
+      all: all,
+      indeterminate: false,
+      dimension: dimension
+    }));
+    var option = getDimTargetValues();
+    onChange === null || onChange === void 0 ? void 0 : onChange((0, _extends2["default"])({}, option, {
+      dimension: dimension
+    }));
+  };
+
+  /** 对比数据源顺序排序 维度 */
+  var getDimSourceSort = function getDimSourceSort(dimensionCheck) {
+    var dimension = [];
+    for (var _iterator3 = _createForOfIteratorHelperLoose(dims === null || dims === void 0 ? void 0 : dims.dimensionSource), _step3; !(_step3 = _iterator3()).done;) {
+      var cur = _step3.value;
+      var description = cur.alias || cur.description;
+      if (dimensionCheck.includes(description)) {
+        dimension.push(description);
+      }
+    }
+    return dimension;
+  };
+
+  /** 对比数据源顺序排序 指标 */
+  var getIndexSourceSort = function getIndexSourceSort(indexCheck) {
+    var index = [];
+    for (var _iterator4 = _createForOfIteratorHelperLoose(targets === null || targets === void 0 ? void 0 : targets.indexSource), _step4; !(_step4 = _iterator4()).done;) {
+      var cur = _step4.value;
+      var name = cur.alias || cur.name;
+      if (indexCheck.includes(name)) {
+        index.push(name);
+      }
+    }
+    return index;
+  };
+
+  /** 维度事件 */
+  var dimCheckboxChange = function dimCheckboxChange(event) {
+    var _dims$dimensionSource, _find$dependencies;
+    var _event$target2 = event === null || event === void 0 ? void 0 : event.target,
+      checked = _event$target2.checked,
+      values = (0, _objectWithoutPropertiesLoose2["default"])(_event$target2, _excluded);
+    /** 当前项处理 */
+    var dimensionCheck = [].concat(dims.dimension);
+    var idx = dimensionCheck.indexOf(values.value);
+    if (checked && idx === -1) {
+      dimensionCheck.push(values.value);
+    }
+    if (!checked && idx > -1) {
+      dimensionCheck.splice(idx, 1);
+    }
+
+    /** 当前项关联关系处理 */
+    var find = dims === null || dims === void 0 ? void 0 : (_dims$dimensionSource = dims.dimensionSource) === null || _dims$dimensionSource === void 0 ? void 0 : _dims$dimensionSource.find(function (cur) {
+      return cur.alias === values.value || cur.description === values.value;
+    });
+    /** 处理关联的维度 */
+    if (find !== null && find !== void 0 && (_find$dependencies = find.dependencies) !== null && _find$dependencies !== void 0 && _find$dependencies.length) {
+      for (var _iterator5 = _createForOfIteratorHelperLoose(dims === null || dims === void 0 ? void 0 : dims.dimensionSource), _step5; !(_step5 = _iterator5()).done;) {
+        var _find$dependencies2;
+        var cur = _step5.value;
+        if (find !== null && find !== void 0 && (_find$dependencies2 = find.dependencies) !== null && _find$dependencies2 !== void 0 && _find$dependencies2.includes(cur.name)) {
+          var description = cur.alias || cur.description;
+          var idn = dimensionCheck.indexOf(description);
+          if (checked && idn === -1) {
+            dimensionCheck.push(description);
+          }
+          if (!checked && idn > -1) {
+            dimensionCheck.splice(idn, 1);
+          }
+        }
+      }
+    }
+    /** 处理关联的指标 */
+    // if (find?.name) {
+    //   const indexCheck = [];
+    //   for (const cur of targets.indexSource) {
+    //     if (cur?.dependencies?.includes(find.name)) {
+    //       indexCheck.push(cur.alias || cur.name);
+    //     }
+    //   }
+    //   if (indexCheck.length) {
+    //     const indexCache = [...targets.index];
+    //     for (const name of indexCheck) {
+    //       const id = indexCache.indexOf(name);
+    //       if (checked && id === -1) {
+    //         indexCache.push(name);
+    //       }
+    //       if (!checked && id > -1) {
+    //         indexCache.splice(id, 1);
+    //       }
+    //     }
+    //     const index = getIndexSourceSort(indexCache);
+    //     setTargets({
+    //       ...targets,
+    //       all: index.length === targets.indexSource.length,
+    //       indeterminate: !!index.length && index.length < targets.indexSource.length,
+    //       index,
+    //     });
+    //   }
+    // }
+
+    /** 收集的选中项，对比数据源顺序排序 */
+    var dimension = getDimSourceSort(dimensionCheck);
+    setDims((0, _extends2["default"])({}, dims, {
+      all: dimension.length === dims.dimensionSource.length,
+      indeterminate: !!dimension.length && dimension.length < dims.dimensionSource.length,
+      dimension: dimension
+    }));
+    var option = getDimTargetValues();
+    onChange === null || onChange === void 0 ? void 0 : onChange((0, _extends2["default"])({}, option, {
+      dimension: dimension
+    }));
+  };
+
+  /** 指标全选事件 */
+  var targetAllChange = function targetAllChange(event) {
+    var _event$target3;
+    var all = event === null || event === void 0 ? void 0 : (_event$target3 = event.target) === null || _event$target3 === void 0 ? void 0 : _event$target3.checked;
+    var index = all ? targets.indexSource.map(function (item) {
+      return item.alias || item.name;
+    }) : [];
+    setTargets((0, _extends2["default"])({}, targets, {
+      all: all,
+      indeterminate: false,
+      index: index
+    }));
+    var option = getDimTargetValues();
+    onChange === null || onChange === void 0 ? void 0 : onChange((0, _extends2["default"])({}, option, {
+      index: index
+    }));
+  };
+
+  /** 指标事件 */
+  var targetCheckboxChange = function targetCheckboxChange(event) {
+    var _targets$indexSource, _find$dependencies3;
+    var _event$target4 = event === null || event === void 0 ? void 0 : event.target,
+      checked = _event$target4.checked,
+      values = (0, _objectWithoutPropertiesLoose2["default"])(_event$target4, _excluded2);
+    /** 当前项处理 */
+    var indexCheck = [].concat(targets.index);
+    var idx = indexCheck.indexOf(values.value);
+    if (checked && idx === -1) {
+      indexCheck.push(values.value);
+    }
+    if (!checked && idx > -1) {
+      indexCheck.splice(idx, 1);
+    }
+
+    /** 收集的选中项，对比数据源顺序排序 */
+    var index = getIndexSourceSort(indexCheck);
+
+    /** 当前项关联关系处理 */
+    var find = targets === null || targets === void 0 ? void 0 : (_targets$indexSource = targets.indexSource) === null || _targets$indexSource === void 0 ? void 0 : _targets$indexSource.find(function (cur) {
+      return cur.alias === values.value || cur.name === values.value;
+    });
+    var dimension = [];
+    if (find !== null && find !== void 0 && (_find$dependencies3 = find.dependencies) !== null && _find$dependencies3 !== void 0 && _find$dependencies3.length) {
+      var dimensionCheck = [].concat(dims.dimension);
+      var _loop = function _loop() {
+        var name = _step6.value;
+        var dimFind = dims.dimensionSource.find(function (cur) {
+          return cur.name === name;
+        });
+        var description = (dimFind === null || dimFind === void 0 ? void 0 : dimFind.alias) || (dimFind === null || dimFind === void 0 ? void 0 : dimFind.description);
+        if (description) {
+          var id = dimensionCheck.indexOf(description);
+          if (checked && id === -1) {
+            dimensionCheck.push(description);
+          }
+          if (!checked && id > -1) {
+            dimensionCheck.splice(id, 1);
+          }
+        }
+      };
+      for (var _iterator6 = _createForOfIteratorHelperLoose(find === null || find === void 0 ? void 0 : find.dependencies), _step6; !(_step6 = _iterator6()).done;) {
+        _loop();
+      }
+      dimension = getDimSourceSort(dimensionCheck);
+      setDims((0, _extends2["default"])({}, dims, {
+        all: dimension.length === dims.dimensionSource.length,
+        indeterminate: !!dimension.length && dimension.length < dims.dimensionSource.length,
+        dimension: dimension
+      }));
+    }
+    setTargets((0, _extends2["default"])({}, targets, {
+      all: index.length === targets.indexSource.length,
+      indeterminate: !!index.length && index.length < targets.indexSource.length,
+      index: index
+    }));
+    var option = getDimTargetValues();
+    onChange === null || onChange === void 0 ? void 0 : onChange((0, _extends2["default"])({}, option, {
+      dimension: dimension.length ? dimension : option.dimension,
+      index: index
+    }));
+  };
+  var saveDimensionTarget = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _dims$dimension, dimension, _dims$dimensionSource2, dimensionSource, _targets$index, index, _targets$indexSource2, indexSource, customDimJson, customIndexJson, _iterator7, _step7, cur, _iterator8, _step8, _cur, data;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (dataSetName) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            _dims$dimension = dims.dimension, dimension = _dims$dimension === void 0 ? [] : _dims$dimension, _dims$dimensionSource2 = dims.dimensionSource, dimensionSource = _dims$dimensionSource2 === void 0 ? [] : _dims$dimensionSource2;
+            _targets$index = targets.index, index = _targets$index === void 0 ? [] : _targets$index, _targets$indexSource2 = targets.indexSource, indexSource = _targets$indexSource2 === void 0 ? [] : _targets$indexSource2;
+            /** 记住勾选保存的维度；别名容易易被修改，保存的是 description 属性 */
+            customDimJson = [];
+            /** 记住勾选保存的指标；别名容易易被修改，保存的是 name 属性 */
+            customIndexJson = [];
+            if (rememberCheck) {
+              for (_iterator7 = _createForOfIteratorHelperLoose(dimensionSource); !(_step7 = _iterator7()).done;) {
+                cur = _step7.value;
+                if (dimension.includes(cur.alias || cur.description)) {
+                  customDimJson.push(cur.description);
+                }
+              }
+              for (_iterator8 = _createForOfIteratorHelperLoose(indexSource); !(_step8 = _iterator8()).done;) {
+                _cur = _step8.value;
+                if (index.includes(_cur.alias || _cur.name)) {
+                  customIndexJson.push(_cur.name);
+                }
+              }
+            }
+            data = {
+              dataSetName: dataSetName,
+              customDimJson: customDimJson.length ? JSON.stringify(customDimJson) : '',
+              customIndexJson: customIndexJson.length ? JSON.stringify(customIndexJson) : ''
+            };
+            _context.prev = 8;
+            _context.next = 11;
+            return (0, _dataCommon.saveDimTarget)(rcProContext, data);
+          case 11:
+            _context.next = 16;
+            break;
+          case 13:
+            _context.prev = 13;
+            _context.t0 = _context["catch"](8);
+            console.error(_context.t0);
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[8, 13]]);
+    }));
+    return function saveDimensionTarget() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  (0, _useUpdateEffect["default"])(function () {
+    if (remember && rememberCheck) {
+      saveDimensionTarget();
+    }
+  }, [rememberCheck, dims.dimension, targets.index]);
+  var rememberCheckChange = function rememberCheckChange(event) {
+    var _event$target5;
+    var checked = event === null || event === void 0 ? void 0 : (_event$target5 = event.target) === null || _event$target5 === void 0 ? void 0 : _event$target5.checked;
+    setRememberCheck(checked);
+    if (!checked) {
+      saveDimensionTarget();
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "dim-target"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, !dims.dimensionSource.length ? null : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "dim-target-content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "dim-target-label"
+  }, dims.title), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "dim-target-body"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+    checked: dims.all,
+    indeterminate: dims.indeterminate,
+    onChange: dimAllChange
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: dimTargetWidth
+    }
+  }, "\u5168\u9009"))), /*#__PURE__*/_react["default"].createElement(_checkbox["default"].Group, {
+    value: dims.dimension
+  }, dims.dimensionSource.map(function (cur) {
+    return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+      key: cur.alias || cur.description,
+      value: cur.alias || cur.description,
+      disabled: !cur.optional,
+      onChange: dimCheckboxChange
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        width: dimTargetWidth
+      }
+    }, cur.alias || cur.description));
+  })))), !targets.indexSource.length ? null : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "dim-target-content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "dim-target-label"
+  }, targets.title), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "dim-target-body"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+    checked: targets.all,
+    indeterminate: targets.indeterminate,
+    onChange: targetAllChange
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: dimTargetWidth
+    }
+  }, "\u5168\u9009"))), /*#__PURE__*/_react["default"].createElement(_checkbox["default"].Group, {
+    value: targets.index
+  }, targets.indexSource.map(function (cur) {
+    return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+      key: cur.alias || cur.name,
+      value: cur.alias || cur.name,
+      disabled: !cur.optional,
+      onChange: targetCheckboxChange
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        width: dimTargetWidth
+      }
+    }, cur.alias || cur.name));
+  }))))), dataSetName ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "dim-target-handle"
+  }, remember ? /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+    checked: rememberCheck,
+    onChange: rememberCheckChange
+  }, " \u8BB0\u4F4F\u52FE\u9009") : null, buttons.length ? /*#__PURE__*/_react["default"].createElement(_rcPro.ProButton, {
+    items: buttons
+  }) : null) : null);
+};
+var _default = DimTarget;
+exports["default"] = _default;