tntd 2.8.0-beta.3 → 3.0.0-beta.1

package/lib/progress/index.js

@@ -1,24 +1,24 @@
 "use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-var _progress = _interopRequireWildcard(require("antd/lib/progress"));
-Object.keys(_progress).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _progress[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _progress[key];
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
     }
-  });
-});
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const progress_1 = __importDefault(require("./progress"));
 require("./style");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var _default = exports["default"] = _progress["default"];
+__exportStar(require("./progress"), exports);
+exports.default = progress_1.default;
+//# sourceMappingURL=index.js.map

package/lib/progress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/progress/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,gEAAuC;AAEvC,mBAAgB;AAEhB,mDAAgC;AAEhC,kBAAe,kBAAQ,CAAA","sourcesContent":["import Progress from 'antd/lib/progress'\n\nimport './style'\n\nexport * from 'antd/lib/progress'\n\nexport default Progress\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/progress/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,0DAAiC;AAEjC,mBAAgB;AAEhB,6CAA0B;AAE1B,kBAAe,kBAAQ,CAAA","sourcesContent":["import Progress from './progress'\n\nimport './style'\n\nexport * from './progress'\n\nexport default Progress\n"]}

package/lib/progress/progress.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ProgressProps } from 'antd/es/progress';
+import './progress.less';
+export * from 'antd/es/tooltip';
+interface ExtendsProgress {
+    percentPosition?: 'bottom' | 'right';
+    label?: React.ReactNode;
+    halfCircle?: boolean;
+}
+declare const Progress: React.FC<ProgressProps & ExtendsProgress>;
+export default Progress;
+//# sourceMappingURL=progress.d.ts.map

package/lib/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/progress/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAOrD,OAAO,iBAAiB,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAE/B,UAAU,eAAe;IACvB,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAwBD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,GAAG,eAAe,CAoHvD,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/progress/progress.js

@@ -0,0 +1,107 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const config_provider_1 = require("antd/es/config-provider");
+const progress_1 = __importDefault(require("antd/es/progress"));
+const classnames_1 = __importDefault(require("classnames"));
+const ellipsis_1 = __importDefault(require("../ellipsis"));
+const icon_1 = __importDefault(require("../icon"));
+require("./progress.less");
+__exportStar(require("antd/es/tooltip"), exports);
+const iconMap = {
+    line: {
+        success: 'check-circle',
+        exception: 'close-circle',
+    },
+    circle: {
+        success: 'check',
+        exception: 'close',
+    },
+};
+const ifPercentBottom = (type, percentPosition) => {
+    return type === 'line' && percentPosition === 'bottom';
+};
+const percentTransform = (percent) => {
+    return percent >= 100 ? 100 : percent <= 0 ? 0 : percent;
+};
+const themeStrokeColor = (status, strokeColor, percent) => {
+    return status !== 'success' && status !== 'exception' && !strokeColor && percent !== 100
+        ? 'var(--blue-5)'
+        : '';
+};
+const Progress = (props) => {
+    const { className, type = 'line', percentPosition = 'right', percent = 0, format, size, label, width = 132, status, halfCircle, gapDegree = props.halfCircle ? 135 : props.gapDegree, strokeColor, strokeWidth = 7, } = props;
+    const _percent = percentTransform(percent);
+    const _strokeColor = themeStrokeColor(status, strokeColor, _percent);
+    return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('progress');
+        const CusLabelOrPercent = (props) => {
+            const { type, theme } = props;
+            const labelPercentClassName = (0, classnames_1.default)(`${prefixCls}-percent-bottom`, {
+                [`${prefixCls}-percent-bottom-${size}`]: size === 'small',
+                [`${prefixCls}-percent-bottom-${type}`]: type === 'line',
+            });
+            const showIcon = (status) => (react_1.default.createElement(icon_1.default, { type: `${iconMap[type][status]}`, theme: theme, className: (0, classnames_1.default)({
+                    [`${labelPercentClassName} ${labelPercentClassName}-${status || 'success'}`]: type === 'line',
+                }) }));
+            const showPercent = (react_1.default.createElement("div", { className: labelPercentClassName }, format ? format === null || format === void 0 ? void 0 : format(_percent) : _percent + '%'));
+            let displayContent;
+            if (status === 'success' || status === 'exception') {
+                displayContent = showIcon(status);
+            }
+            else if (status === 'normal' || status === 'active') {
+                displayContent = showPercent;
+            }
+            else {
+                // 如果状态为空
+                displayContent = _percent === 100 ? showIcon('success') : showPercent;
+            }
+            return displayContent;
+        };
+        const CusCircleAndDashboardFormat = (props) => {
+            const { widthNum } = props;
+            return (react_1.default.createElement("div", { className: `${prefixCls}-cus-format` },
+                !!label && (react_1.default.createElement(ellipsis_1.default, { className: `${prefixCls}-cus-format-label`, title: label, widthLimit: widthNum <= 64 ? widthNum : 'calc(100% - 50px)', placement: widthNum <= 64 ? 'bottom' : 'top' })),
+                react_1.default.createElement(CusLabelOrPercent, { type: "circle", theme: "outlined" })));
+        };
+        //line
+        const LineProgress = () => (react_1.default.createElement(progress_1.default, Object.assign({ strokeColor: _strokeColor }, props, { className: (0, classnames_1.default)('tnt-progress', className, {
+                [`${prefixCls}-percent-bottom`]: percentPosition === 'bottom',
+            }) })));
+        //circle,dashboard (额外新增label和半圆选项)
+        const CircleAndDashboardProgress = () => {
+            const widthNum = Number(String(width).split('px').shift());
+            return (react_1.default.createElement(progress_1.default, Object.assign({ gapDegree: gapDegree, strokeColor: _strokeColor, strokeWidth: strokeWidth }, props, { type: halfCircle ? 'dashboard' : type, className: (0, classnames_1.default)('tnt-progress', `${prefixCls}-circle-progress`, className, {
+                    [`${prefixCls}-small-circle`]: widthNum <= 64 && label,
+                    [`${prefixCls}-large-circle`]: widthNum > 64 && label,
+                    [`${prefixCls}-small-half-circle`]: halfCircle && widthNum <= 64 && label,
+                    [`${prefixCls}-large-half-circle`]: halfCircle && widthNum > 64 && label,
+                }), format: () => react_1.default.createElement(CusCircleAndDashboardFormat, { widthNum: widthNum }) })));
+        };
+        const progressMap = {
+            line: react_1.default.createElement(LineProgress, null),
+            circle: react_1.default.createElement(CircleAndDashboardProgress, null),
+            dashboard: react_1.default.createElement(CircleAndDashboardProgress, null),
+        };
+        return progressMap[type];
+    }));
+};
+exports.default = Progress;
+//# sourceMappingURL=progress.js.map

package/lib/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/progress/progress.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport type { ProgressProps } from 'antd/es/progress'\nimport type { ThemeType } from 'antd/es/icon'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdProgress from 'antd/es/progress'\nimport classNames from 'classnames'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\nimport './progress.less'\nexport * from 'antd/es/tooltip'\n\ninterface ExtendsProgress {\n  percentPosition?: 'bottom' | 'right'\n  label?: React.ReactNode\n  halfCircle?: boolean\n}\nconst iconMap = {\n  line: {\n    success: 'check-circle',\n    exception: 'close-circle',\n  },\n  circle: {\n    success: 'check',\n    exception: 'close',\n  },\n}\nconst ifPercentBottom = (type: string, percentPosition: string) => {\n  return type === 'line' && percentPosition === 'bottom'\n}\nconst percentTransform = (percent: number) => {\n  return percent >= 100 ? 100 : percent <= 0 ? 0 : percent\n}\n\nconst themeStrokeColor = (status?: string, strokeColor?: string | object, percent?: number) => {\n  return status !== 'success' && status !== 'exception' && !strokeColor && percent !== 100\n    ? 'var(--blue-5)'\n    : ''\n}\n\nconst Progress: React.FC<ProgressProps & ExtendsProgress> = (props) => {\n  const {\n    className,\n    type = 'line',\n    percentPosition = 'right',\n    percent = 0,\n    format,\n    size,\n    label,\n    width = 132,\n    status,\n    halfCircle,\n    gapDegree = props.halfCircle ? 135 : props.gapDegree,\n    strokeColor,\n    strokeWidth = 7,\n  } = props\n  const _percent = percentTransform(percent)\n  const _strokeColor = themeStrokeColor(status, strokeColor, _percent)\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('progress')\n\n        const CusLabelOrPercent = (props: { type: 'line' | 'circle'; theme?: ThemeType }) => {\n          const { type, theme } = props\n          const labelPercentClassName = classNames(`${prefixCls}-percent-bottom`, {\n            [`${prefixCls}-percent-bottom-${size}`]: size === 'small',\n            [`${prefixCls}-percent-bottom-${type}`]: type === 'line',\n          })\n\n          const showIcon = (status: 'success' | 'exception') => (\n            <Icon\n              type={`${iconMap[type][status]}`}\n              theme={theme}\n              className={classNames({\n                [`${labelPercentClassName} ${labelPercentClassName}-${status || 'success'}`]:\n                  type === 'line',\n              })}\n            />\n          )\n          const showPercent = (\n            <div className={labelPercentClassName}>\n              {format ? format?.(_percent) : _percent + '%'}\n            </div>\n          )\n\n          let displayContent\n          if (status === 'success' || status === 'exception') {\n            displayContent = showIcon(status)\n          } else if (status === 'normal' || status === 'active') {\n            displayContent = showPercent\n          } else {\n            // 如果状态为空\n            displayContent = _percent === 100 ? showIcon('success') : showPercent\n          }\n          return displayContent\n        }\n\n        const CusCircleAndDashboardFormat = (props: { widthNum: number }) => {\n          const { widthNum } = props\n          return (\n            <div className={`${prefixCls}-cus-format`}>\n              {!!label && (\n                <Ellipsis\n                  className={`${prefixCls}-cus-format-label`}\n                  title={label}\n                  widthLimit={widthNum <= 64 ? widthNum : 'calc(100% - 50px)'}\n                  placement={widthNum <= 64 ? 'bottom' : 'top'}\n                />\n              )}\n              <CusLabelOrPercent type=\"circle\" theme=\"outlined\" />\n            </div>\n          )\n        }\n\n        //line\n        const LineProgress: React.FC = () => (\n          <AntdProgress\n            strokeColor={_strokeColor}\n            {...props}\n            className={classNames('tnt-progress', className, {\n              [`${prefixCls}-percent-bottom`]: percentPosition === 'bottom',\n            })}\n          />\n        )\n\n        //circle,dashboard (额外新增label和半圆选项)\n        const CircleAndDashboardProgress: React.FC = () => {\n          const widthNum = Number(String(width).split('px').shift())\n          return (\n            <AntdProgress\n              gapDegree={gapDegree}\n              strokeColor={_strokeColor}\n              strokeWidth={strokeWidth}\n              {...props}\n              type={halfCircle ? 'dashboard' : type}\n              className={classNames('tnt-progress', `${prefixCls}-circle-progress`, className, {\n                [`${prefixCls}-small-circle`]: widthNum <= 64 && label,\n                [`${prefixCls}-large-circle`]: widthNum > 64 && label,\n                [`${prefixCls}-small-half-circle`]: halfCircle && widthNum <= 64 && label,\n                [`${prefixCls}-large-half-circle`]: halfCircle && widthNum > 64 && label,\n              })}\n              format={() => <CusCircleAndDashboardFormat widthNum={widthNum} />}\n            />\n          )\n        }\n\n        const progressMap = {\n          line: <LineProgress />,\n          circle: <CircleAndDashboardProgress />,\n          dashboard: <CircleAndDashboardProgress />,\n        }\n        return progressMap[type]\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default Progress\n"]}

package/lib/progress/progress.less

@@ -0,0 +1,82 @@
+@import '../style/themes/index.less';
+@import '../style/mixins/index';
+@progress-prefix-cls: ~'@{ant-prefix}-progress';
+.tnt-progress.@{progress-prefix-cls} {
+    .ant-progress-text{
+    //   font-family: PingFang SC;
+      font-weight: 500;
+    }
+    .ant-progress-cus-format-label{
+      .ant-progress-cus-format-label{
+        padding-bottom: 4px;
+      }
+    }
+    &-percent-bottom{
+        .ant-progress-outer{
+          padding-right: 0;
+        }
+        .ant-progress-text{
+          width: 100%;
+          display: block;
+          text-align: right;
+          margin-left: 0;
+        }
+    }
+    &-circle-progress{
+      .@{progress-prefix-cls}-cus-format{
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+    &-small-circle{
+      .ant-progress-text{
+        height: 100%;
+      }
+      .ant-progress-inner{
+        overflow:visible;
+      }
+      .tntd-ellipsis{
+        position: absolute;
+        bottom: -1.8em;
+        font-size: 0.75em;
+        // margin-bottom: 2px;
+        // color: #8B919E;
+        color:tint(@text-color, 50%);
+        font-family: Inter;
+        font-weight: 500;
+        text-align: center;
+      }
+    }
+    &-large-circle{
+      .ant-progress-text{
+        height: 100%;
+      }
+      .tntd-ellipsis{
+        font-size: 0.55em;
+        // margin-bottom: 2px;
+        color:tint(@text-color, 50%);
+        font-family: Inter;
+        font-weight: 500;
+        text-align: center;
+      }
+    }
+    &-small-half-circle{
+      .ant-progress-text{
+        height: 40%;
+      }
+      .tntd-ellipsis{
+        bottom: -1.5em;
+      }
+    }
+    &-large-half-circle{
+      .ant-progress-inner{
+        .ant-progress-text{
+          top: 42%
+        }
+      }
+    }
+}
+

package/lib/progress/style/index.js

@@ -1,4 +1,5 @@
 "use strict";
-
+Object.defineProperty(exports, "__esModule", { value: true });
 require("../../style/index.less");
-require("./index.less");
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/query-form/Field/Checkbox.js

@@ -1,28 +1,25 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _checkbox = _interopRequireDefault(require("../../checkbox"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-var _default = exports["default"] = function _default(_a) {
-  var value = _a.value,
-    _onChange = _a.onChange,
-    props = __rest(_a, ["value", "onChange"]);
-  return _react["default"].createElement(_checkbox["default"], Object.assign({}, props, {
-    checked: value,
-    onChange: function onChange(evt) {
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(evt.target.checked);
-    }
-  }));
-};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const checkbox_1 = __importDefault(require("../../checkbox"));
+exports.default = (_a) => {
+    var { value, onChange } = _a, props = __rest(_a, ["value", "onChange"]);
+    return (react_1.default.createElement(checkbox_1.default, Object.assign({}, props, { checked: value, onChange: (evt) => {
+            onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.checked);
+        } })));
+};
+//# sourceMappingURL=Checkbox.js.map

package/lib/query-form/Field/Composition/FieldPopover.d.ts

@@ -0,0 +1,17 @@
+declare function _default({ visible, setVisible, searchText, children, value, onChange, options, locale, searchTarget, setSearchTarget, clsPrefix, ...props }: {
+    [x: string]: any;
+    visible: any;
+    setVisible: any;
+    searchText: any;
+    children: any;
+    value: any;
+    onChange: any;
+    options: any;
+    locale: any;
+    searchTarget: any;
+    setSearchTarget: any;
+    clsPrefix: any;
+}): React.JSX.Element;
+export default _default;
+import React from "react";
+//# sourceMappingURL=FieldPopover.d.ts.map

package/lib/query-form/Field/Composition/FieldPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPopover.d.ts","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/FieldPopover.js"],"names":[],"mappings":"AAWe;;;;;;;;;;;;;sBAiRd"}

package/lib/query-form/Field/Composition/FieldPopover.js

@@ -0,0 +1,238 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const lodash_1 = require("lodash");
+const popover_1 = __importDefault(require("../../../popover"));
+const Select_1 = __importDefault(require("./Select"));
+const utils_1 = require("./utils");
+const lodash_2 = require("lodash");
+const fieldsMap_1 = __importStar(require("../fieldsMap"));
+require("./FieldPopover.less");
+const isInput = (type) => ['input', 'string', 'search', 'number', 'inputNumber'].includes(type);
+exports.default = (_a) => {
+    var { visible, setVisible, searchText, children, value, onChange, options, locale, searchTarget, setSearchTarget, clsPrefix } = _a, props = __rest(_a, ["visible", "setVisible", "searchText", "children", "value", "onChange", "options", "locale", "searchTarget", "setSearchTarget", "clsPrefix"]);
+    const [dataItem, setDataItem] = (0, react_1.useState)(null);
+    const onPropsClick = (propItem) => {
+        const copyValue = (0, lodash_1.cloneDeep)(value);
+        if (!(copyValue === null || copyValue === void 0 ? void 0 : copyValue.find((v) => v.key === propItem.name))) {
+            copyValue.push({
+                key: propItem.name,
+                value: propItem.type === 'array' ? [] : '',
+                label: (propItem.propsTitle || propItem.title || propItem.name) + ':',
+            });
+        }
+        if (isInput(propItem.type)) {
+            const target = copyValue.find((v) => v.key === propItem.name);
+            onChange(target, true);
+            close();
+            return;
+        }
+        setDataItem(propItem);
+        onChange(copyValue);
+    };
+    const onSelectChange = (v, isMultiple) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const copyValue = (0, lodash_1.cloneDeep)(value || []);
+        let index;
+        if (v.dataItem) {
+            const _index = copyValue.findIndex((vv) => { var _a; return vv.key === ((_a = v.dataItem) === null || _a === void 0 ? void 0 : _a.name); });
+            if (_index > -1) {
+                index = _index;
+            }
+            else {
+                copyValue.push({
+                    key: (_a = v.dataItem) === null || _a === void 0 ? void 0 : _a.name,
+                    value: isMultiple ? [] : '',
+                    label: (((_b = v.dataItem) === null || _b === void 0 ? void 0 : _b.propsTitle) || ((_c = v.dataItem) === null || _c === void 0 ? void 0 : _c.title) || ((_d = v.dataItem) === null || _d === void 0 ? void 0 : _d.name)) + ':',
+                });
+                index = copyValue.length - 1;
+            }
+        }
+        else {
+            index = copyValue.findIndex((v) => v.key === (dataItem === null || dataItem === void 0 ? void 0 : dataItem.name));
+        }
+        if (isMultiple) {
+            if (!((_f = (_e = copyValue[index]) === null || _e === void 0 ? void 0 : _e.value) === null || _f === void 0 ? void 0 : _f.length)) {
+                copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (v === null || v === void 0 ? void 0 : v.label);
+                copyValue[index].value = [v === null || v === void 0 ? void 0 : v.value];
+            }
+            else {
+                if (((_g = copyValue[index].value) === null || _g === void 0 ? void 0 : _g.indexOf(v.value)) > -1) {
+                    copyValue[index].value = copyValue[index].value.filter((val) => val !== v.value);
+                    const regex = new RegExp(`\\|?${v.label}`, 'g'); //new RegExp(`\\|?${variable}`, 'g')
+                    const result = copyValue[index].label.replace(regex, '');
+                    copyValue[index].label = result;
+                }
+                else {
+                    copyValue[index].value.push(v.value);
+                    copyValue[index].label += '|' + (v === null || v === void 0 ? void 0 : v.label);
+                }
+            }
+        }
+        else {
+            copyValue[index].value = v === null || v === void 0 ? void 0 : v.value;
+            copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (v === null || v === void 0 ? void 0 : v.label);
+            close();
+        }
+        onChange(copyValue, false, true);
+    };
+    const onFieldChange = (...args) => {
+        var _a, _b;
+        const { type, component, props: fieldProps, setLabel } = dataItem || {};
+        const { onChange: onChangeCustom, options } = fieldProps || {};
+        onChangeCustom && onChangeCustom(...args);
+        const copyValue = (0, lodash_1.cloneDeep)(value);
+        const index = copyValue.findIndex((v) => v.key === (dataItem === null || dataItem === void 0 ? void 0 : dataItem.name));
+        copyValue[index].value = args[0];
+        if (type === 'date') {
+            copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + args[1];
+            close();
+        }
+        else if (type === 'dateRange') {
+            copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + ((_a = args[1]) === null || _a === void 0 ? void 0 : _a.join('~'));
+            if ((_b = args[1]) === null || _b === void 0 ? void 0 : _b[1]) {
+                close();
+            }
+        }
+        else if (type === 'selectInput') {
+            const key = (0, lodash_2.get)(Object.keys(args[0]), '0');
+            const val = (0, lodash_2.get)(args[0], key);
+            const label = (0, utils_1.getLabelFromOptions)(key, options);
+            copyValue[index].label = `${label}: ${val}`;
+        }
+        else if (type === 'checkbox') {
+            copyValue[index].label = `${copyValue[index].label.match(/(.*:)/)[0]} ${args[0] ? local.Yes : local.No}`;
+            close();
+        }
+        else if (!type && component) {
+            if (setLabel) {
+                // setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制
+                copyValue[index].label = setLabel(args[0]);
+            }
+            else {
+                copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (args[1] || args[0]);
+            }
+            close();
+        }
+        onChange(copyValue, false, true);
+        // close()
+    };
+    const close = () => {
+        setVisible(false);
+    };
+    const handleVisibleChange = (visible) => {
+        setVisible(visible);
+    };
+    (0, react_1.useEffect)(() => {
+        setDataItem(null);
+    }, [visible]);
+    (0, react_1.useEffect)(() => {
+        let bool1 = false, bool2 = false;
+        if (searchText) {
+            options === null || options === void 0 ? void 0 : options.forEach((v) => {
+                const { name, propsTitle, title, type, props } = v.props || {};
+                const _propsTitle = propsTitle || title || name;
+                if ((_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1) {
+                    bool1 = true;
+                }
+                const sOptions = type !== 'select' ? [] : (props === null || props === void 0 ? void 0 : props.options) || [];
+                const fieldNames = props === null || props === void 0 ? void 0 : props.fieldNames;
+                const target = sOptions === null || sOptions === void 0 ? void 0 : sOptions.find((item) => {
+                    const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
+                    const label = item instanceof Object ? item[labelKey] : item;
+                    return (label === null || label === void 0 ? void 0 : label.indexOf(searchText)) > -1;
+                });
+                if (target) {
+                    bool2 = true;
+                }
+            });
+            setSearchTarget(!bool2 && !bool1 ? null : { propsTitle: bool1, propsValue: bool2 });
+        }
+        else {
+            setSearchTarget(null);
+        }
+    }, [options, searchText]);
+    const renderFirstOptions = (menu) => {
+        return (react_1.default.createElement("div", null,
+            (!searchText || (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsTitle)) && react_1.default.createElement("label", null, locale.propTitle),
+            react_1.default.createElement("ul", { className: "ant-select-dropdown-menu" }, options === null || options === void 0 ? void 0 : options.map((v) => {
+                const { name, propsTitle, title, type, props } = v.props || {};
+                const _propsTitle = propsTitle || title || name;
+                if (searchText) {
+                    if ((_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1) {
+                        return (react_1.default.createElement("li", { className: "ant-select-dropdown-menu-item", key: name, value: name, onMouseDown: (e) => e.preventDefault(), onClick: () => {
+                                onPropsClick(v.props);
+                            } },
+                            react_1.default.createElement("span", { dangerouslySetInnerHTML: {
+                                    __html: (0, utils_1.highlightSubstring)(_propsTitle, searchText),
+                                } })));
+                    }
+                    return '';
+                }
+                return (react_1.default.createElement("li", { className: "ant-select-dropdown-menu-item", key: name, value: name, onMouseDown: (e) => e.preventDefault(), onClick: () => {
+                        onPropsClick(v.props);
+                    } }, _propsTitle));
+            })),
+            searchText && (react_1.default.createElement("div", null,
+                (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsValue) && react_1.default.createElement("label", null, locale.propValue),
+                react_1.default.createElement("ul", { className: "ant-select-dropdown-menu" }, options === null || options === void 0 ? void 0 : options.map((v) => {
+                    const { name, propsTitle, type, props } = v.props || {};
+                    const target = value === null || value === void 0 ? void 0 : value.find((v) => v.key === name);
+                    if (type === 'select' && props && props.options && props.options.length > 0) {
+                        return (react_1.default.createElement(Select_1.default, Object.assign({}, props, { searchText: searchText, onChange: onSelectChange, value: target === null || target === void 0 ? void 0 : target.value, dataItem: v.props })));
+                    }
+                    return;
+                }))))));
+    };
+    const renderSecondOptions = () => {
+        var _a;
+        const { name, propsTitle, title, type, className, component, props: fieldProps, } = dataItem || {};
+        const target = value === null || value === void 0 ? void 0 : value.find((v) => v.key === name);
+        const Field = component || fieldsMap_1.default[type];
+        return (react_1.default.createElement("div", { onClick: (e) => e.stopPropagation(), className: className },
+            react_1.default.createElement("label", null, propsTitle || title || name),
+            type === 'select' ? (react_1.default.createElement(Select_1.default, Object.assign({}, fieldProps, { onChange: onSelectChange, value: target === null || target === void 0 ? void 0 : target.value }))) : (react_1.default.createElement("div", { className: `${clsPrefix}-field-popover-content`, onClick: (e) => e.stopPropagation() },
+                react_1.default.createElement(Field, Object.assign({ value: target === null || target === void 0 ? void 0 : target.value }, fieldProps, { style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), { width: ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || (0, fieldsMap_1.getFieldWidth)(type) }), onChange: onFieldChange }))))));
+    };
+    return (react_1.default.createElement(popover_1.default, Object.assign({ trigger: "click", 
+        // onClick={(e) =>  e.stopPropagation()}
+        visible: visible, placement: "bottom", overlayClassName: `${clsPrefix}-field-popover`, content: !dataItem ? renderFirstOptions() : renderSecondOptions(), onVisibleChange: handleVisibleChange }, props), children));
+};
+//# sourceMappingURL=FieldPopover.js.map