tntd 2.8.34 → 2.8.35

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

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatLabel = formatLabel;
+exports.getLabel = getLabel;
+exports.getLabelByValue = getLabelByValue;
+exports.highlightSubstring = highlightSubstring;
+exports.isInput = void 0;
+exports.parseArrayToObject = parseArrayToObject;
+exports.parseObjectToArray = parseObjectToArray;
+var _flatten2 = _interopRequireDefault(require("lodash/flatten"));
+var _isString2 = _interopRequireDefault(require("lodash/isString"));
+var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+function highlightSubstring(str, substring) {
+  var highlighted = "<span class=\"tnt-highlight\">".concat(substring, "</span>");
+  return str.replace(new RegExp(substring, 'g'), highlighted);
+}
+function getLabelByValue(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? {
+      label: 'label',
+      value: 'value'
+    } : _ref$fieldNames;
+  var getLabel = function getLabel(value) {
+    var target = options === null || options === void 0 ? void 0 : options.find(function (item) {
+      var valueKey = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value;
+      var itemValue = item instanceof Object ? item[valueKey] : item;
+      return itemValue === value;
+    });
+    if (target) {
+      return target instanceof Object ? target === null || target === void 0 ? void 0 : target[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label] : target;
+    } else {
+      return value;
+    }
+  };
+  if ((0, _isArray2["default"])(value)) {
+    return value.map(getLabel).join(' | ');
+  } else {
+    return getLabel(value);
+  }
+}
+function formatLabel(reactDom) {
+  return (0, _flatten2["default"])(_react["default"].Children.map(reactDom.props.children, function (child) {
+    if (_react["default"].isValidElement(child)) {
+      return formatLabel(child);
+    } else if ((0, _isString2["default"])(child)) {
+      return child;
+    }
+    return '';
+  })).join('');
+}
+function parseObjectToArray(value, data) {
+  var _a, _b;
+  return (_b = (_a = Object.keys(value || {})) === null || _a === void 0 ? void 0 : _a.map(function (key) {
+    var _a;
+    var target = data === null || data === void 0 ? void 0 : data.find(function (item) {
+      var _a;
+      return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.name) === key;
+    });
+    if (!target) return null;
+    var dataItem = (target === null || target === void 0 ? void 0 : target.props) || {};
+    var _ref2 = dataItem || {},
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? 'input' : _ref2$type,
+      component = _ref2.component,
+      setLabel = _ref2.setLabel,
+      fieldProps = _ref2.props;
+    var _ref3 = fieldProps || {},
+      options = _ref3.options;
+    if (!type && component) {
+      if (!setLabel) {
+        console.error('自定义组件需要传入setLabel()方法');
+      }
+    } else if (options) {
+      if (type === 'selectInput') {
+        var selectKey = (_a = Object.keys(value[key] || {})) === null || _a === void 0 ? void 0 : _a[0];
+        if (!selectKey) {
+          // 17. inputSelect组件，初始值{},展示undefined:undefined
+          return false;
+        }
+        return {
+          key: key,
+          value: value[key]
+        };
+      }
+    }
+    return {
+      key: key,
+      value: value[key]
+    };
+  })) === null || _b === void 0 ? void 0 : _b.filter(function (item) {
+    return !!item;
+  });
+}
+function parseArrayToObject(value) {
+  return value === null || value === void 0 ? void 0 : value.reduce(function (acc, v) {
+    acc[v.key] = v.value;
+    return acc;
+  }, {});
+}
+function getLabel(_ref4, data, locale) {
+  var key = _ref4.key,
+    value = _ref4.value;
+  var _a, _b, _c;
+  var target = data === null || data === void 0 ? void 0 : data.find(function (item) {
+    var _a;
+    return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.name) === key;
+  });
+  if (!target) return null;
+  var dataItem = (target === null || target === void 0 ? void 0 : target.props) || {};
+  var _ref5 = dataItem || {},
+    _ref5$type = _ref5.type,
+    type = _ref5$type === void 0 ? 'input' : _ref5$type,
+    setLabel = _ref5.setLabel,
+    fieldProps = _ref5.props,
+    propsTitle = _ref5.propsTitle,
+    title = _ref5.title,
+    name = _ref5.name;
+  var _propsTitle = propsTitle || title || name;
+  var _ref6 = fieldProps || {},
+    options = _ref6.options,
+    format = _ref6.format;
+  var labelValue = value;
+  if (setLabel) {
+    // setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制
+    labelValue = setLabel(value);
+  } else if (options) {
+    if (type === 'selectInput') {
+      var selectKey = (_a = Object.keys(value || {})) === null || _a === void 0 ? void 0 : _a[0];
+      if (!selectKey) {
+        // 17. inputSelect组件，初始值{},展示undefined:undefined
+        return false;
+      }
+      var inputValue = value[selectKey];
+      var selectLabel = (_b = options === null || options === void 0 ? void 0 : options.find(function (v) {
+        return v.value === selectKey;
+      })) === null || _b === void 0 ? void 0 : _b.label;
+      return selectLabel + ':' + inputValue;
+    }
+    labelValue = getLabelByValue({
+      value: value,
+      options: options,
+      fieldNames: ((_c = dataItem === null || dataItem === void 0 ? void 0 : dataItem.props) === null || _c === void 0 ? void 0 : _c.fieldNames) || {
+        label: 'label',
+        value: 'value'
+      }
+    });
+  } else if (type === 'checkbox') {
+    labelValue = value ? locale.yes : locale.no;
+  } else if (type === 'dateRange' && format) {
+    if (value === null || value === void 0 ? void 0 : value.length) {
+      labelValue = [(0, _moment["default"])(value === null || value === void 0 ? void 0 : value[0]).format(format), (0, _moment["default"])(value === null || value === void 0 ? void 0 : value[1]).format(format)].join('~');
+    }
+  } else if (type === 'date' && format) {
+    labelValue = value ? (0, _moment["default"])(value).format(format) : undefined;
+  }
+  return _propsTitle + ':' + (labelValue === undefined ? '' : labelValue);
+}
+var isInput = exports.isInput = function isInput(type) {
+  return ['input', 'string', 'search', 'aloneSearch', 'number', 'inputNumber'].includes(type);
+};

package/lib/query-form/Field/Composition/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/utils.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { isArray, isString, flatten } from 'lodash'\nimport moment from 'moment'\n\nexport function highlightSubstring(str, substring) {\n  const highlighted = `<span class=\"tnt-highlight\">${substring}</span>`\n  return str.replace(new RegExp(substring, 'g'), highlighted)\n}\n\nexport function getLabelByValue({\n  value,\n  options,\n  fieldNames = {\n    label: 'label',\n    value: 'value',\n  },\n}) {\n  const getLabel = (value) => {\n    const target = options?.find((item) => {\n      const valueKey = fieldNames?.value\n      const itemValue = item instanceof Object ? item[valueKey] : item\n      return itemValue === value\n    })\n    if (target) {\n      return target instanceof Object ? target?.[fieldNames?.label] : target\n    } else {\n      return value\n    }\n  }\n  if (isArray(value)) {\n    return value.map(getLabel).join(' | ')\n  } else {\n    return getLabel(value)\n  }\n}\n\nexport function formatLabel(reactDom) {\n  return flatten(\n    React.Children.map(reactDom.props.children, (child) => {\n      if (React.isValidElement(child)) {\n        return formatLabel(child)\n      } else if (isString(child)) {\n        return child\n      }\n      return ''\n    })\n  ).join('')\n}\n\nexport function parseObjectToArray(value, data) {\n  return Object.keys(value || {})\n    ?.map((key) => {\n      const target = data?.find((item) => item.props?.name === key)\n      if (!target) return null\n      const dataItem = target?.props || {}\n      const { type = 'input', component, setLabel, props: fieldProps } = dataItem || {}\n      const { options } = fieldProps || {}\n\n      if (!type && component) {\n        if (!setLabel) {\n          console.error('自定义组件需要传入setLabel()方法')\n        }\n      } else if (options) {\n        if (type === 'selectInput') {\n          const selectKey = Object.keys(value[key] || {})?.[0]\n          if (!selectKey) {\n            // 17. inputSelect组件，初始值{},展示undefined:undefined\n            return false\n          }\n          return {\n            key,\n            value: value[key],\n          }\n        }\n      }\n      return {\n        key,\n        value: value[key],\n      }\n    })\n    ?.filter((item) => !!item)\n}\n\nexport function parseArrayToObject(value) {\n  return value?.reduce((acc, v) => {\n    acc[v.key] = v.value\n    return acc\n  }, {})\n}\n\nexport function getLabel({ key, value }, data, locale) {\n  const target = data?.find((item) => item.props?.name === key)\n  if (!target) return null\n  const dataItem = target?.props || {}\n  const { type = 'input', setLabel, props: fieldProps, propsTitle, title, name } = dataItem || {}\n  const _propsTitle = propsTitle || title || name\n  const { options, format } = fieldProps || {}\n  let labelValue = value\n  if (setLabel) {\n    // setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制\n    labelValue = setLabel(value)\n  } else if (options) {\n    if (type === 'selectInput') {\n      const selectKey = Object.keys(value || {})?.[0]\n      if (!selectKey) {\n        // 17. inputSelect组件，初始值{},展示undefined:undefined\n        return false\n      }\n      const inputValue = value[selectKey]\n      const selectLabel = options?.find((v) => v.value === selectKey)?.label\n      return selectLabel + ':' + inputValue\n    }\n    labelValue = getLabelByValue({\n      value,\n      options,\n      fieldNames: dataItem?.props?.fieldNames || {\n        label: 'label',\n        value: 'value',\n      },\n    })\n  } else if (type === 'checkbox') {\n    labelValue = value ? locale.yes : locale.no\n  } else if (type === 'dateRange' && format) {\n    if (value?.length) {\n      labelValue = [moment(value?.[0]).format(format), moment(value?.[1]).format(format)].join('~')\n    }\n  } else if (type === 'date' && format) {\n    labelValue = value ? moment(value).format(format) : undefined\n  }\n  return _propsTitle + ':' + (labelValue === undefined ? '' : labelValue)\n}\n\nexport const isInput = (type) =>\n  ['input', 'string', 'search', 'aloneSearch', 'number', 'inputNumber'].includes(type)\n"]}

package/lib/query-form-backup/Field/Composition/FieldPopover.less

@@ -0,0 +1,35 @@
+.tnt-queryform-field-popover {
+  min-width: 280px;
+  .ant-popover-inner-content {
+    padding: @padding-sm 0;
+  }
+  .ant-calendar-picker {
+    margin: @margin-xxs 0;
+  }
+  label {
+    color: tint(@text-color, 50%);
+    margin-bottom: @margin-xs;
+    display: block;
+    padding: 0 @padding-sm;
+  }
+  .ant-select-dropdown-menu {
+    &-item {
+      padding: @padding-xxs @padding-sm;
+      &:hover {
+        background-color: @bg-color-quaternary;
+      }
+    }
+  }
+  &-content {
+    padding: @padding-xxs @padding-sm;
+  }
+  .ant-select-selected-icon {
+    position: absolute;
+    right: @margin-base;
+    top: @margin-xs;
+    color: @blue-6;
+  }
+  .tnt-highlight {
+    color: @blue-6;
+  }
+}

package/lib/query-form-backup/Field/Composition/index.less

@@ -0,0 +1,114 @@
+@import '../../../style/themes/index';
+@import '../../../style/mixins/index';
+@import '../../../input/style/mixin';
+
+.tnt-queryform-composition-input {
+  // width: 100%;
+  max-height: 162px;
+  overflow-x: hidden;
+  cursor: text;
+  padding: 2px @padding-xl;
+  position: relative;
+  box-sizing: border-box;
+  background-color: @select-background;
+  border: @border-width-base @border-style-base @select-border-color;
+  border-top-width: calc(@border-width-base + 0.02px);
+  border-radius: @border-radius-base;
+  outline: none;
+  transition: all 0.3s @ease-in-out;
+  user-select: none;
+  margin-bottom: @margin-sm;
+
+  &-prefix {
+    position: absolute;
+    left: @padding-sm;
+    top: 50%;
+    transform: translateY(-50%);
+    i.anticon {
+      color: tint(@bg-color-spotilight, 50%);
+    }
+  }
+
+  &-width {
+    height: 0;
+    opacity: 0;
+    width: auto;
+    position: absolute;
+    max-width: 100%;
+  }
+
+  &-items {
+    float: left;
+    padding: 0;
+    list-style: none;
+    margin: 0;
+    width: 100%;
+    &-item {
+      padding: 3px 0;
+    }
+    li {
+      float: left;
+      line-height: 1;
+    }
+    &-input {
+      .inputClass {
+        background: none;
+        border: none !important;
+        outline: none;
+        box-shadow: none !important;
+        width: 150px !important;
+        height: 26px;
+        line-height: 26px;
+        padding: 0;
+        input {
+          border: none !important;
+          outline: none !important;
+          box-shadow: none !important;
+          height: 26px;
+          line-height: 26px;
+          padding: 0;
+        }
+        textarea {
+          padding: 0;
+        }
+      }
+      .inputClass-with-placeholder {
+        min-width: 398px !important;
+      }
+    }
+  }
+  &-clear {
+    position: absolute;
+    right: @margin-sm;
+    top: 50%;
+    transform: translateY(-50%);
+    display: none;
+    i.anticon {
+      color: tint(@bg-color-spotilight, 50%);
+    }
+    &:hover {
+      .anticon {
+        color: @text-color-secondary !important;
+      }
+    }
+  }
+  &:hover {
+    border-color: @blue-6;
+    outline: 0;
+    .tnt-queryform-composition-input-clear {
+      display: block;
+    }
+    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
+  }
+  &:focus,
+  &:active {
+    border-color: @blue-5;
+    outline: 0;
+    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
+  }
+  .ant-tag {
+    padding: 0 @padding-xs;
+    border: none;
+    background: @fill-color-tertiary;
+  }
+}

package/lib/query-form-backup/index.less

@@ -0,0 +1,90 @@
+.tnt-queryform {
+  &-top {
+    display: flex;
+    &-body {
+      flex: 1;
+      .ant-btn {
+        margin-right: 10px;
+      }
+    }
+  }
+
+  &-extra {
+    & > * {
+      margin-left: 10px;
+    }
+  }
+
+  .ant-form {
+    // margin-bottom: @margin-sm;
+    &.ant-form-inline {
+      flex-wrap: unset;
+      position: relative;
+    }
+
+    &.ant-form-inline .ant-form-item {
+      margin-right: 10px;
+      margin-bottom: @margin-sm;
+      display: inline-block;
+    }
+
+    .ant-form-item-control {
+      // min-width: 160px;
+      line-height: unset;
+      .ant-calendar-picker-input {
+        padding: 0 @padding-sm;
+      }
+      .ant-form-item-children {
+        & > .ant-input,
+        & > .ant-input-affix-wrapper {
+          width: 160px;
+          // width: 200px;
+        }
+      }
+    }
+  }
+
+  &-drawer {
+    margin-top: @margin-xxl;
+    &.large-size {
+      margin-top: 60px;
+    }
+
+    &.ant-drawer.ant-drawer-open {
+      .ant-drawer-mask {
+        opacity: 0;
+        background: unset;
+      }
+    }
+    .ant-drawer-body {
+      .ant-form-item {
+        display: block;
+        margin-right: 0;
+        margin-bottom: @margin-md;
+        width: 100%;
+      }
+      .ant-form-item-label {
+        display: block;
+        text-align: left;
+        line-height: 22px;
+        margin-bottom: 10px;
+      }
+      .ant-form-item-control-wrapper,
+      .ant-form-item-control,
+      .ant-calendar-picker,
+      .ant-input {
+        min-width: 100%;
+        width: 100%;
+      }
+
+      & > .ant-btn {
+        display: block;
+        width: 100%;
+        margin-bottom: 10px;
+        &.ant-btn-primary {
+          margin-top: @margin-md;
+        }
+      }
+    }
+  }
+}

package/lib/query-form-v2/index.less

@@ -0,0 +1,133 @@
+.tnt-queryform {
+  display: flex;
+
+  &-extra {
+    line-height: 32px;
+    margin-left: 12px;
+    & > * {
+      margin-left: 8px;
+    }
+  }
+
+  &-actions {
+    align-items: center;
+    display: inline-block;
+    height: 32px;
+    line-height: 32px;
+
+    & > *:not(.expand-link) {
+      margin-right: 10px;
+    }
+    & > .expand-link {
+      padding: 0;
+      margin-right: 0;
+    }
+    & > .ant-badge {
+      .tnt-icon {
+        margin-right: 8px;
+      }
+    }
+  }
+
+  .ant-form {
+    display: inline-block;
+    margin-bottom: 12px;
+    display: flex;
+    flex: 1;
+    &.ant-form-inline {
+      flex-wrap: unset;
+    }
+
+    & > div:nth-child(1) {
+      height: 32px;
+      overflow: hidden;
+      .ant-form-item-label {
+        label {
+          // bottom: 4px;
+        }
+      }
+    }
+
+    &.expanded {
+      & > div:nth-child(1) {
+        height: auto !important;
+      }
+    }
+
+    &.showMore {
+      & > div:nth-child(1) {
+        .ant-form-item {
+          margin-bottom: 12px;
+        }
+      }
+    }
+
+    & > div:nth-child(2) {
+      display: flex;
+    }
+
+    &.ant-form-inline .ant-form-item {
+      margin-right: 10px;
+      display: inline-block;
+    }
+
+    .ant-form-item-control {
+      // min-width: 160px;
+      line-height: unset;
+      .ant-calendar-picker-input {
+        padding: 0 11px;
+      }
+      .ant-form-item-children {
+        & > .ant-input,
+        & > .ant-input-affix-wrapper {
+          width: 160px;
+          // width: 200px;
+        }
+      }
+    }
+  }
+
+  &-drawer {
+    margin-top: 50px;
+    &.large-size {
+      margin-top: 60px;
+    }
+
+    &.ant-drawer.ant-drawer-open {
+      .ant-drawer-mask {
+        opacity: 0;
+        background: unset;
+      }
+    }
+    .ant-drawer-body {
+      .ant-form-item {
+        display: block;
+        margin-right: 0;
+        margin-bottom: 20px;
+        width: 100%;
+      }
+      .ant-form-item-label {
+        display: block;
+        text-align: left;
+        line-height: 22px;
+        margin-bottom: 10px;
+      }
+      .ant-form-item-control-wrapper,
+      .ant-form-item-control,
+      .ant-calendar-picker,
+      .ant-input {
+        min-width: 100%;
+        width: 100%;
+      }
+
+      & > .ant-btn {
+        display: block;
+        width: 100%;
+        margin-bottom: 10px;
+        &.ant-btn-primary {
+          margin-top: 20px;
+        }
+      }
+    }
+  }
+}

package/lib/radio/radio.d.ts

@@ -0,0 +1,17 @@
+import type { RadioGroupProps as AntdRadioGroupProps, RadioProps as AntdRadioProps } from 'antd/lib/radio';
+import AntdRadio from 'antd/lib/radio';
+import React from 'react';
+export * from 'antd/lib/radio';
+export declare type RadioProps = AntdRadioProps & {
+    desc?: string | React.ReactNode;
+};
+export declare type RadioGroupProps = AntdRadioGroupProps & {
+    readonly?: boolean;
+};
+interface RadioComponent extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<AntdRadio>> {
+    Group: React.FC<RadioGroupProps>;
+    Button: typeof AntdRadio.Button;
+}
+declare const Radio: RadioComponent;
+export default Radio;
+//# sourceMappingURL=radio.d.ts.map

package/lib/radio/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/radio/radio.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,UAAU,IAAI,cAAc,EAC7B,MAAM,eAAe,CAAA;AACtB,OAAO,SAAS,MAAM,eAAe,CAAA;AAGrC,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,cAAc,eAAe,CAAA;AAE7B,oBAAY,UAAU,GAAG,cAAc,GAAG;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,oBAAY,eAAe,GAAG,mBAAmB,GAAG;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,UAAU,cACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACpF,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAA;IAChC,MAAM,EAAE,OAAO,SAAS,CAAC,MAAM,CAAA;CAChC;AAID,QAAA,MAAM,KAAK,gBAiBS,CAAA;AAqBpB,eAAe,KAAK,CAAA"}

package/lib/radio/radio.js

@@ -0,0 +1,110 @@
+"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 _configProvider = require("antd/lib/config-provider");
+var _radio = _interopRequireWildcard(require("antd/lib/radio"));
+Object.keys(_radio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _radio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _radio[key];
+    }
+  });
+});
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _connect = require("../connect");
+var _previewText = require("../preview-text");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+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 __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;
+};
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2024-03-14 16:55:05
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2024-03-14 17:00:03
+ * @FilePath: /tntd/packages/tntd/src/radio/radio.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+var tntPrefixCls = 'tnt-radio';
+var Radio = (0, _react.forwardRef)(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    desc = _a.desc,
+    rest = __rest(_a, ["className", "children", "desc"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
+    return _react["default"].createElement(_radio["default"], Object.assign({}, rest, {
+      ref: ref,
+      className: (0, _classnames["default"])(className, tntPrefixCls)
+    }), children ? _react["default"].createElement("span", {
+      className: "".concat(tntPrefixCls, "-children")
+    }, _react["default"].createElement("span", null, children), !!desc && _react["default"].createElement("span", {
+      className: "".concat(tntPrefixCls, "-desc")
+    }, desc)) : undefined);
+  });
+});
+var RadioGroup = (0, _react.forwardRef)(function (_a, ref) {
+  var className = _a.className,
+    rest = __rest(_a, ["className"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
+    return _react["default"].createElement(_radio["default"].Group, Object.assign({}, rest, {
+      ref: ref,
+      className: (0, _classnames["default"])(className, "".concat(tntPrefixCls, "-group"))
+    }));
+  });
+});
+Radio.Group = (0, _connect.connectReadonlyComponent)(RadioGroup, _previewText.PreviewText.Select);
+Radio.Button = _radio["default"].Button;
+var _default = exports["default"] = Radio;