tntd 2.8.0-beta.2 → 3.0.0-beta

package/lib/progress/progress.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _configProvider = require("antd/lib/config-provider");
+var _progress = _interopRequireDefault(require("antd/lib/progress"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ellipsis = _interopRequireDefault(require("../ellipsis"));
+var _icon = _interopRequireDefault(require("../icon"));
+require("./progress.less");
+var _tooltip = require("antd/lib/tooltip");
+Object.keys(_tooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _tooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _tooltip[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _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 : 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); }
+var iconMap = {
+  line: {
+    success: 'check-circle',
+    exception: 'close-circle'
+  },
+  circle: {
+    success: 'check',
+    exception: 'close'
+  }
+};
+var ifPercentBottom = function ifPercentBottom(type, percentPosition) {
+  return type === 'line' && percentPosition === 'bottom';
+};
+var percentTransform = function percentTransform(percent) {
+  return percent >= 100 ? 100 : percent <= 0 ? 0 : percent;
+};
+var themeStrokeColor = function themeStrokeColor(status, strokeColor, percent) {
+  return status !== 'success' && status !== 'exception' && !strokeColor && percent !== 100 ? 'var(--blue-5)' : '';
+};
+var Progress = function Progress(props) {
+  var className = props.className,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'line' : _props$type,
+    _props$percentPositio = props.percentPosition,
+    percentPosition = _props$percentPositio === void 0 ? 'right' : _props$percentPositio,
+    _props$percent = props.percent,
+    percent = _props$percent === void 0 ? 0 : _props$percent,
+    format = props.format,
+    size = props.size,
+    label = props.label,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 132 : _props$width,
+    status = props.status,
+    halfCircle = props.halfCircle,
+    _props$gapDegree = props.gapDegree,
+    gapDegree = _props$gapDegree === void 0 ? props.halfCircle ? 135 : props.gapDegree : _props$gapDegree,
+    strokeColor = props.strokeColor,
+    _props$strokeWidth = props.strokeWidth,
+    strokeWidth = _props$strokeWidth === void 0 ? 7 : _props$strokeWidth;
+  var _percent = percentTransform(percent);
+  var _strokeColor = themeStrokeColor(status, strokeColor, _percent);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefixCls = getPrefixCls('progress');
+    var CusLabelOrPercent = function CusLabelOrPercent(props) {
+      var type = props.type,
+        theme = props.theme;
+      var labelPercentClassName = (0, _classnames["default"])("".concat(prefixCls, "-percent-bottom"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-percent-bottom-").concat(size), size === 'small'), "".concat(prefixCls, "-percent-bottom-").concat(type), type === 'line'));
+      var showIcon = function showIcon(status) {
+        return _react["default"].createElement(_icon["default"], {
+          type: "".concat(iconMap[type][status]),
+          theme: theme,
+          className: (0, _classnames["default"])(_defineProperty({}, "".concat(labelPercentClassName, " ").concat(labelPercentClassName, "-").concat(status || 'success'), type === 'line'))
+        });
+      };
+      var showPercent = _react["default"].createElement("div", {
+        className: labelPercentClassName
+      }, format ? format === null || format === void 0 ? void 0 : format(_percent) : _percent + '%');
+      var 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;
+    };
+    var CusCircleAndDashboardFormat = function CusCircleAndDashboardFormat(props) {
+      var widthNum = props.widthNum;
+      return _react["default"].createElement("div", {
+        className: "".concat(prefixCls, "-cus-format")
+      }, !!label && _react["default"].createElement(_ellipsis["default"], {
+        className: "".concat(prefixCls, "-cus-format-label"),
+        title: label,
+        widthLimit: widthNum <= 64 ? widthNum : 'calc(100% - 50px)',
+        placement: widthNum <= 64 ? 'bottom' : 'top'
+      }), _react["default"].createElement(CusLabelOrPercent, {
+        type: "circle",
+        theme: "outlined"
+      }));
+    };
+    //line
+    var LineProgress = function LineProgress() {
+      return _react["default"].createElement(_progress["default"], Object.assign({
+        strokeColor: _strokeColor
+      }, props, {
+        className: (0, _classnames["default"])('tnt-progress', className, _defineProperty({}, "".concat(prefixCls, "-percent-bottom"), percentPosition === 'bottom'))
+      }));
+    };
+    //circle,dashboard (额外新增label和半圆选项)
+    var CircleAndDashboardProgress = function CircleAndDashboardProgress() {
+      var widthNum = Number(String(width).split('px').shift());
+      return _react["default"].createElement(_progress["default"], Object.assign({
+        gapDegree: gapDegree,
+        strokeColor: _strokeColor,
+        strokeWidth: strokeWidth
+      }, props, {
+        type: halfCircle ? 'dashboard' : type,
+        className: (0, _classnames["default"])('tnt-progress', "".concat(prefixCls, "-circle-progress"), className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-small-circle"), widthNum <= 64 && label), "".concat(prefixCls, "-large-circle"), widthNum > 64 && label), "".concat(prefixCls, "-small-half-circle"), halfCircle && widthNum <= 64 && label), "".concat(prefixCls, "-large-half-circle"), halfCircle && widthNum > 64 && label)),
+        format: function format() {
+          return _react["default"].createElement(CusCircleAndDashboardFormat, {
+            widthNum: widthNum
+          });
+        }
+      }));
+    };
+    var progressMap = {
+      line: _react["default"].createElement(LineProgress, null),
+      circle: _react["default"].createElement(CircleAndDashboardProgress, null),
+      dashboard: _react["default"].createElement(CircleAndDashboardProgress, null)
+    };
+    return progressMap[type];
+  });
+};
+var _default = exports["default"] = Progress;

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/lib/progress'\nimport type { ThemeType } from 'antd/lib/icon'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport AntdProgress from 'antd/lib/progress'\nimport classNames from 'classnames'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\nimport './progress.less'\nexport * from 'antd/lib/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.d.ts

@@ -0,0 +1,3 @@
+import '../../style/index.less';
+import './index.less';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progress/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA"}

package/lib/progress/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("../../style/index.less");
+require("./index.less");

package/lib/progress/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/progress/style/index.tsx"],"names":[],"mappings":";;AAAA,kCAA+B;AAC/B,wBAAqB","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/lib/progress/style/index.less

@@ -0,0 +1,182 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@progress-prefix-cls: ~'@{ant-prefix}-progress';
+
+.@{progress-prefix-cls} {
+  .reset-component;
+
+  display: inline-block;
+
+  &-line {
+    position: relative;
+    width: 100%;
+    font-size: @font-size-base;
+  }
+
+  &-small&-line,
+  &-small&-line &-text .@{iconfont-css-prefix} {
+    font-size: @font-size-sm;
+  }
+
+  &-outer {
+    display: inline-block;
+    width: 100%;
+    margin-right: 0;
+    padding-right: 0;
+    .@{progress-prefix-cls}-show-info & {
+      margin-right: ~'calc(-2em - 8px)';
+      padding-right: ~'calc(2em + 8px)';
+    }
+  }
+
+  &-inner {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    overflow: hidden;
+    vertical-align: middle;
+    background-color: @progress-remaining-color;
+    border-radius: @progress-radius;
+  }
+
+  &-circle-trail {
+    stroke: @progress-remaining-color;
+  }
+
+  &-circle-path {
+    animation: ~'@{ant-prefix}-progress-appear' 0.3s;
+  }
+
+  &-inner:not(.@{ant-prefix}-progress-circle-gradient) {
+    .@{ant-prefix}-progress-circle-path {
+      stroke: @progress-default-color;
+    }
+  }
+
+  &-success-bg,
+  &-bg {
+    position: relative;
+    background-color: @progress-default-color;
+    border-radius: @progress-radius;
+    transition: all 0.4s @ease-out-circ 0s;
+  }
+
+  &-success-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: @success-color;
+  }
+
+  &-text {
+    display: inline-block;
+    width: 2em;
+    margin-left: 8px;
+    color: @text-color-secondary;
+    font-size: 1em;
+    line-height: 1;
+    white-space: nowrap;
+    text-align: left;
+    vertical-align: middle;
+    word-break: normal;
+    .@{iconfont-css-prefix} {
+      font-size: @font-size-base;
+    }
+  }
+
+  &-status-active {
+    .@{progress-prefix-cls}-bg::before {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      background: @component-background;
+      border-radius: 10px;
+      opacity: 0;
+      animation: ~'@{ant-prefix}-progress-active' 2.4s @ease-out-quint infinite;
+      content: '';
+    }
+  }
+
+  &-status-exception {
+    .@{progress-prefix-cls}-bg {
+      background-color: @error-color;
+    }
+    .@{progress-prefix-cls}-text {
+      color: @error-color;
+    }
+  }
+
+  &-status-exception &-inner:not(.@{progress-prefix-cls}-circle-gradient) {
+    .@{progress-prefix-cls}-circle-path {
+      stroke: @error-color;
+    }
+  }
+
+  &-status-success {
+    .@{progress-prefix-cls}-bg {
+      background-color: @success-color;
+    }
+    .@{progress-prefix-cls}-text {
+      color: @success-color;
+    }
+  }
+
+  &-status-success &-inner:not(.@{progress-prefix-cls}-circle-gradient) {
+    .@{progress-prefix-cls}-circle-path {
+      stroke: @success-color;
+    }
+  }
+
+  &-circle &-inner {
+    position: relative;
+    line-height: 1;
+    background-color: transparent;
+  }
+
+  &-circle &-text {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    color: @progress-text-color;
+    line-height: 1;
+    white-space: normal;
+    text-align: center;
+    transform: translate(-50%, -50%);
+
+    .@{iconfont-css-prefix} {
+      font-size: 14 / 12em;
+    }
+  }
+
+  &-circle&-status-exception {
+    .@{progress-prefix-cls}-text {
+      color: @error-color;
+    }
+  }
+  &-circle&-status-success {
+    .@{progress-prefix-cls}-text {
+      color: @success-color;
+    }
+  }
+}
+
+@keyframes ~"@{ant-prefix}-progress-active" {
+  0% {
+    width: 0;
+    opacity: 0.1;
+  }
+  20% {
+    width: 0;
+    opacity: 0.5;
+  }
+  100% {
+    width: 100%;
+    opacity: 0;
+  }
+}

package/lib/query-form/Field/Checkbox.d.ts

@@ -2,6 +2,7 @@ declare function _default({ value, onChange, ...props }: {
     [x: string]: any;
     value: any;
     onChange: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export default _default;
+import React from "react";
 //# sourceMappingURL=Checkbox.d.ts.map

package/lib/query-form/Field/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/query-form/Field/Checkbox.js"],"names":[],"mappings":"AAIe;;;;gBAQd"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/query-form/Field/Checkbox.js"],"names":[],"mappings":"AAIe;;;;sBAQd"}

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

@@ -9,15 +9,13 @@ 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];
-  }
+  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 = function _default(_a) {
+var _default = exports["default"] = function _default(_a) {
   var value = _a.value,
     _onChange = _a.onChange,
     props = __rest(_a, ["value", "onChange"]);
@@ -27,5 +25,4 @@ var _default = function _default(_a) {
       _onChange === null || _onChange === void 0 ? void 0 : _onChange(evt.target.checked);
     }
   }));
-};
-exports["default"] = _default;
+};

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"}