tntd 2.6.8 → 2.6.10

package/es/preview-text/index.js

@@ -0,0 +1,265 @@
+import _isFunction from "lodash/isFunction";
+import _isNull from "lodash/isNull";
+import _isArray from "lodash/isArray";
+import _isUndefined from "lodash/isUndefined";
+import React, { useContext } from 'react';
+import Tag from '../tag';
+import cc from 'classnames';
+import { FormContext } from '../tntd-form/context';
+const prefixCls = 'tnt-preview-text';
+const isValid = value => !_isUndefined(value) && !_isNull(value) && value !== '';
+const usePlaceholder = value => {
+  const {
+    placeholder
+  } = useContext(FormContext);
+  return isValid(value) ? value : placeholder;
+};
+const Input = props => React.createElement("div", {
+  className: cc([props.className]),
+  style: props.style
+}, props.addonBefore, props.prefix, usePlaceholder(props.value), props.suffix, props.addonAfter);
+const Select = ({
+  options,
+  mode,
+  value,
+  labelInValue,
+  className,
+  style
+}) => {
+  const dataSource = options || [];
+  const placeholder = usePlaceholder();
+  const isMultiple = ['multiple', 'tags'].includes(mode !== null && mode !== void 0 ? mode : '') || _isArray(value);
+  const getSelected = () => {
+    if (isMultiple) {
+      if (labelInValue) {
+        return _isArray(value) ? value : [];
+      } else {
+        return _isArray(value) ? value.map(val => ({
+          label: val,
+          value: val
+        })) : [];
+      }
+    } else {
+      if (labelInValue) {
+        return isValid(value) ? [value] : [];
+      } else {
+        return isValid(value) ? [{
+          label: value,
+          value
+        }] : [];
+      }
+    }
+  };
+  const getLabels = () => {
+    const selected = getSelected();
+    if (!selected.length) return placeholder;
+    return selected.map(({
+      label,
+      value
+    }, key) => {
+      var _a;
+      const text = ((_a = dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(item => item.value === value)) === null || _a === void 0 ? void 0 : _a.label) || label;
+      return isMultiple ? React.createElement(Tag, {
+        key: key
+      }, text || placeholder) : text || placeholder;
+    });
+  };
+  return React.createElement("div", {
+    className: cc([prefixCls, className]),
+    style: style
+  }, getLabels());
+};
+const TreeSelect = ({
+  value,
+  multiple,
+  labelInValue,
+  treeData,
+  className,
+  style
+}) => {
+  const placeholder = usePlaceholder();
+  const dataSource = treeData || [];
+  const getSelected = () => {
+    if (multiple) {
+      if (labelInValue) {
+        return _isArray(value) ? value : [];
+      } else {
+        return _isArray(value) ? value.map(val => ({
+          label: val,
+          value: val
+        })) : [];
+      }
+    } else {
+      if (labelInValue) {
+        return value ? [value] : [];
+      } else {
+        return value ? [{
+          label: value,
+          value
+        }] : [];
+      }
+    }
+  };
+  const findLabel = (value, dataSource) => {
+    for (let i = 0; i < (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length); i++) {
+      const item = dataSource[i];
+      if ((item === null || item === void 0 ? void 0 : item.value) === value || (item === null || item === void 0 ? void 0 : item.key) === value) {
+        return item === null || item === void 0 ? void 0 : item.title;
+      } else {
+        const childLabel = findLabel(value, item === null || item === void 0 ? void 0 : item.children);
+        if (childLabel) return childLabel;
+      }
+    }
+  };
+  const getLabels = () => {
+    const selected = getSelected();
+    if (!(selected === null || selected === void 0 ? void 0 : selected.length)) return React.createElement(Tag, null, placeholder);
+    return selected.map(({
+      value,
+      label
+    }, key) => {
+      return React.createElement(React.Fragment, null, multiple ? React.createElement(Tag, {
+        key: key
+      }, findLabel(value, dataSource) || label || placeholder) : findLabel(value, dataSource) || label || placeholder);
+    });
+  };
+  return React.createElement("div", {
+    className: cc([prefixCls, className]),
+    style: style
+  }, getLabels());
+};
+const Cascader = ({
+  options,
+  value,
+  className,
+  style
+}) => {
+  const placeholder = usePlaceholder();
+  const dataSource = options || [];
+  const getSelected = () => {
+    return _isArray(value) ? value : [];
+  };
+  const findLabel = (value, dataSource) => {
+    for (let i = 0; i < (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length); i++) {
+      const item = dataSource[i];
+      if ((item === null || item === void 0 ? void 0 : item.value) === value) {
+        return item === null || item === void 0 ? void 0 : item.label;
+      } else {
+        const childLabel = findLabel(value, item === null || item === void 0 ? void 0 : item.children);
+        if (childLabel) return childLabel;
+      }
+    }
+  };
+  const getLabels = () => {
+    const selected = getSelected();
+    if (!(selected === null || selected === void 0 ? void 0 : selected.length)) {
+      return placeholder;
+    }
+    return selected.map(value => {
+      return findLabel(value, dataSource) || placeholder;
+    }).join('/');
+  };
+  return React.createElement("div", {
+    className: cc([prefixCls, className]),
+    style: style
+  }, getLabels());
+};
+const formatMomentValue = (value, format, placeholder) => {
+  const formatDate = (date, format, i = 0) => {
+    if (!date) return placeholder;
+    if (_isArray(format)) {
+      const _format = format[i];
+      if (_isFunction(_format)) {
+        return _format(date);
+      }
+      return (date === null || date === void 0 ? void 0 : date.format) ? date.format(_format) : date;
+    } else {
+      if (_isFunction(format)) {
+        return format(date);
+      }
+      return (date === null || date === void 0 ? void 0 : date.format) ? date.format(format) : date;
+    }
+  };
+  if (_isArray(value)) {
+    return value.map((val, index) => {
+      return formatDate(val, format, index);
+    });
+  } else {
+    return value ? formatDate(value, format) : value || placeholder;
+  }
+};
+const DatePicker = ({
+  value,
+  format,
+  showTime,
+  placeholder,
+  className
+}) => {
+  const getLabels = () => {
+    const labels = formatMomentValue(value, format || `YYYY-MM-DD${showTime ? ' HH:mm:ss' : ''}`, placeholder);
+    return _isArray(labels) ? labels.join('~') : labels;
+  };
+  return React.createElement("div", {
+    className: cc([prefixCls, className])
+  }, getLabels());
+};
+const TimePicker = ({
+  value,
+  format,
+  placeholder,
+  className,
+  style
+}) => {
+  const getLabels = () => {
+    const labels = formatMomentValue(value, format || 'HH:mm:ss', placeholder);
+    return _isArray(labels) ? labels.join('~') : labels;
+  };
+  return React.createElement("div", {
+    className: cc(prefixCls, className),
+    style: style
+  }, getLabels());
+};
+const MonthPicker = ({
+  value,
+  format,
+  placeholder,
+  className,
+  style
+}) => {
+  const getLabels = () => {
+    const labels = formatMomentValue(value, format || 'YYYY-MM', placeholder);
+    return _isArray(labels) ? labels.join('~') : labels;
+  };
+  return React.createElement("div", {
+    className: cc(prefixCls, className),
+    style: style
+  }, getLabels());
+};
+const WeekPicker = ({
+  value,
+  format,
+  placeholder,
+  className,
+  style
+}) => {
+  const getLabels = () => {
+    const labels = formatMomentValue(value, format || 'gggg-wo', placeholder);
+    return _isArray(labels) ? labels.join('~') : labels;
+  };
+  return React.createElement("div", {
+    className: cc(prefixCls, className),
+    style: style
+  }, getLabels());
+};
+export const PreviewText = {
+  Input,
+  Select,
+  TreeSelect,
+  Cascader,
+  DatePicker,
+  TimePicker,
+  MonthPicker,
+  WeekPicker,
+  usePlaceholder
+};
+export default PreviewText;

package/es/preview-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/preview-text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAA;AAIxD,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAGjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAGlD,MAAM,SAAS,GAAG,kBAAkB,CAAA;AAEpC,MAAM,OAAO,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,CAAA;AAE1F,MAAM,cAAc,GAAG,CAAC,KAAe,EAAsB,EAAE;IAC7D,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE/C,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAgB,CAAC,CAAC,CAAC,WAAW,CAAA;AACzD,CAAC,CAAA;AAED,MAAM,KAAK,GAAyB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7C,6BAAK,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;IACtD,KAAK,CAAC,WAAW;IACjB,KAAK,CAAC,MAAM;IACZ,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC;IAC3B,KAAK,CAAC,MAAM;IACZ,KAAK,CAAC,UAAU,CACb,CACP,CAAA;AAED,MAAM,MAAM,GAAoB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3F,MAAM,UAAU,GAAG,CAAC,OAAO,IAAI,EAAE,CAG/B,CAAA;IACF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,UAAU,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAA;IAC9E,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE;YACd,IAAI,YAAY,EAAE;gBAChB,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;aACnC;iBAAM;gBACL,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;aAC9E;SACF;aAAM;YACL,IAAI,YAAY,EAAE;gBAChB,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;aACrC;iBAAM;gBACL,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;aACvD;SACF;IACH,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,GAAuB,EAAE;QACzC,MAAM,QAAQ,GAAG,WAAW,EAA6C,CAAA;QACzE,IAAI,CAAC,QAAQ,CAAC,MAAM;YAAE,OAAO,WAAW,CAAA;QACxC,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;;YAC5C,MAAM,IAAI,GAAG,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,0CAAE,KAAK,KAAI,KAAK,CAAA;YAC7E,OAAO,UAAU,CAAC,CAAC,CAAC,oBAAC,GAAG,IAAC,GAAG,EAAE,GAAG,IAAG,IAAI,IAAI,WAAW,CAAO,CAAC,CAAC,CAAC,IAAI,IAAI,WAAW,CAAA;QACtF,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,IACrD,SAAS,EAAE,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAmC,CAAC,EAClD,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,UAAU,GAAe,QAAQ,IAAI,EAAE,CAAA;IAC7C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,QAAQ,EAAE;YACZ,IAAI,YAAY,EAAE;gBAChB,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;aACnC;iBAAM;gBACL,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;aAC9E;SACF;aAAM;YACL,IAAI,YAAY,EAAE;gBAChB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;aAC5B;iBAAM;gBACL,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;aAC9C;SACF;IACH,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,UAAsB,EAAW,EAAE;QACnE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,EAAE,CAAC,EAAE,EAAE;YAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,CAAA;YAC1B,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,MAAK,KAAK,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,MAAK,KAAK,EAAE;gBAChD,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAA;aACnB;iBAAM;gBACL,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAsB,CAAC,CAAA;gBACjE,IAAI,UAAU;oBAAE,OAAO,UAAU,CAAA;aAClC;SACF;IACH,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;QAC9B,IAAI,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,CAAA;YAAE,OAAO,oBAAC,GAAG,QAAE,WAAqB,CAAO,CAAA;QAChE,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;YAC5C,OAAO,CACL,0CACG,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,GAAG,IAAC,GAAG,EAAE,GAAG,IAAG,SAAS,CAAC,KAAK,EAAE,UAAU,CAAC,IAAI,KAAK,IAAI,WAAW,CAAO,CAC5E,CAAC,CAAC,CAAC,CACF,SAAS,CAAC,KAAK,EAAE,UAAU,CAAC,IAAI,KAAK,IAAI,WAAW,CACrD,CACA,CACJ,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,IACrD,SAAS,EAAE,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,QAAQ,GAA4B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IACjF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,UAAU,GAAyB,OAAO,IAAI,EAAE,CAAA;IACtD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IACpC,CAAC,CAAA;IACD,MAAM,SAAS,GAAG,CAAC,KAAU,EAAE,UAAiB,EAAO,EAAE;QACvD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,EAAE,CAAC,EAAE,EAAE;YAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,CAAA;YAC1B,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,MAAK,KAAK,EAAE;gBACzB,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAA;aACnB;iBAAM;gBACL,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,CAAA;gBACnD,IAAI,UAAU;oBAAE,OAAO,UAAU,CAAA;aAClC;SACF;IACH,CAAC,CAAA;IACD,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;QAC9B,IAAI,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,CAAA,EAAE;YACrB,OAAO,WAAW,CAAA;SACnB;QACD,OAAO,QAAQ;aACZ,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACb,OAAO,SAAS,CAAC,KAAK,EAAE,UAAU,CAAC,IAAI,WAAW,CAAA;QACpD,CAAC,CAAC;aACD,IAAI,CAAC,GAAG,CAAC,CAAA;IACd,CAAC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,IACrD,SAAS,EAAE,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,MAAW,EAAE,WAAoB,EAAqB,EAAE;IAC7F,MAAM,UAAU,GAAG,CAAC,IAAS,EAAE,MAAW,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE;QACnD,IAAI,CAAC,IAAI;YAAE,OAAO,WAAW,CAAA;QAC7B,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;YACnB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;YACzB,IAAI,UAAU,CAAC,OAAO,CAAC,EAAE;gBACvB,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;aACrB;YACD,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;SAClD;aAAM;YACL,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE;gBACtB,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;aACpB;YACD,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;SACjD;IACH,CAAC,CAAA;IACD,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;QAClB,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAC9B,OAAO,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;QACvC,CAAC,CAAC,CAAA;KACH;SAAM;QACL,OAAO,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,WAAW,CAAA;KAChE;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAA8B,CAAC,EAC7C,KAAK,EACL,MAAM,EACN,QAAQ,EACR,WAAW,EACX,SAAS,GACV,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,MAAM,GAAG,iBAAiB,CAC9B,KAAK,EACL,MAAM,IAAI,aAAa,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EACpD,WAAW,CACZ,CAAA;QACD,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IACpD,CAAC,CAAA;IACD,OAAO,6BAAK,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,IAAG,SAAS,EAAE,CAAO,CAAA;AACxE,CAAC,CAAA;AAED,MAAM,UAAU,GAA8B,CAAC,EAC7C,KAAK,EACL,MAAM,EACN,WAAW,EACX,SAAS,EACT,KAAK,GACN,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,WAAW,CAAC,CAAA;QAC1E,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IACpD,CAAC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IACnD,SAAS,EAAE,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAA+B,CAAC,EAC/C,KAAK,EACL,MAAM,EACN,WAAW,EACX,SAAS,EACT,KAAK,GACN,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,EAAE,MAAM,IAAI,SAAS,EAAE,WAAW,CAAC,CAAA;QACzE,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IACpD,CAAC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IACnD,SAAS,EAAE,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAA8B,CAAC,EAC7C,KAAK,EACL,MAAM,EACN,WAAW,EACX,SAAS,EACT,KAAK,GACN,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,EAAE,MAAM,IAAI,SAAS,EAAE,WAAW,CAAC,CAAA;QACzE,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IACpD,CAAC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IACnD,SAAS,EAAE,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,KAAK;IACL,MAAM;IACN,UAAU;IACV,QAAQ;IACR,UAAU;IACV,UAAU;IACV,WAAW;IACX,UAAU;IACV,cAAc;CACf,CAAA;AAED,eAAe,WAAW,CAAA","sourcesContent":["import React, { FC, ReactNode, useContext } from 'react'\nimport type { InputProps } from 'antd/es/input'\nimport type { TreeNode, TreeSelectProps } from 'antd/es/tree-select'\nimport type { CascaderOptionType, CascaderProps } from 'antd/es/cascader'\nimport Tag from '../tag'\nimport cc from 'classnames'\nimport { isUndefined, isArray, isNull, isFunction } from 'lodash'\nimport type { DatePickerProps, MonthPickerProps, WeekPickerProps } from '../date-picker'\nimport type { SelectProps } from '../select'\nimport { FormContext } from '../tntd-form/context'\nimport type { TimePickerProps } from 'antd/es/time-picker'\n\nconst prefixCls = 'tnt-preview-text'\n\nconst isValid = (value?: unknown) => !isUndefined(value) && !isNull(value) && value !== ''\n\nconst usePlaceholder = (value?: unknown): string | ReactNode => {\n  const { placeholder } = useContext(FormContext)\n\n  return isValid(value) ? (value as string) : placeholder\n}\n\nconst Input: React.FC<InputProps> = (props) => (\n  <div className={cc([props.className])} style={props.style}>\n    {props.addonBefore}\n    {props.prefix}\n    {usePlaceholder(props.value)}\n    {props.suffix}\n    {props.addonAfter}\n  </div>\n)\n\nconst Select: FC<SelectProps> = ({ options, mode, value, labelInValue, className, style }) => {\n  const dataSource = (options || []) as Array<{\n    label: string\n    value: string\n  }>\n  const placeholder = usePlaceholder()\n  const isMultiple = ['multiple', 'tags'].includes(mode ?? '') || isArray(value)\n  const getSelected = () => {\n    if (isMultiple) {\n      if (labelInValue) {\n        return isArray(value) ? value : []\n      } else {\n        return isArray(value) ? value.map((val) => ({ label: val, value: val })) : []\n      }\n    } else {\n      if (labelInValue) {\n        return isValid(value) ? [value] : []\n      } else {\n        return isValid(value) ? [{ label: value, value }] : []\n      }\n    }\n  }\n\n  const getLabels = (): string | ReactNode => {\n    const selected = getSelected() as Array<{ label: string; value: string }>\n    if (!selected.length) return placeholder\n    return selected.map(({ label, value }, key) => {\n      const text = dataSource?.find((item) => item.value === value)?.label || label\n      return isMultiple ? <Tag key={key}>{text || placeholder}</Tag> : text || placeholder\n    })\n  }\n  return (\n    <div className={cc([prefixCls, className])} style={style}>\n      {getLabels()}\n    </div>\n  )\n}\n\nconst TreeSelect: React.FC<TreeSelectProps<any>> = ({\n  value,\n  multiple,\n  labelInValue,\n  treeData,\n  className,\n  style,\n}) => {\n  const placeholder = usePlaceholder()\n  const dataSource: TreeNode[] = treeData || []\n  const getSelected = () => {\n    if (multiple) {\n      if (labelInValue) {\n        return isArray(value) ? value : []\n      } else {\n        return isArray(value) ? value.map((val) => ({ label: val, value: val })) : []\n      }\n    } else {\n      if (labelInValue) {\n        return value ? [value] : []\n      } else {\n        return value ? [{ label: value, value }] : []\n      }\n    }\n  }\n\n  const findLabel = (value: string, dataSource: TreeNode[]): unknown => {\n    for (let i = 0; i < dataSource?.length; i++) {\n      const item = dataSource[i]\n      if (item?.value === value || item?.key === value) {\n        return item?.title\n      } else {\n        const childLabel = findLabel(value, item?.children as TreeNode[])\n        if (childLabel) return childLabel\n      }\n    }\n  }\n\n  const getLabels = () => {\n    const selected = getSelected()\n    if (!selected?.length) return <Tag>{placeholder as string}</Tag>\n    return selected.map(({ value, label }, key) => {\n      return (\n        <>\n          {multiple ? (\n            <Tag key={key}>{findLabel(value, dataSource) || label || placeholder}</Tag>\n          ) : (\n            findLabel(value, dataSource) || label || placeholder\n          )}\n        </>\n      )\n    })\n  }\n  return (\n    <div className={cc([prefixCls, className])} style={style}>\n      {getLabels()}\n    </div>\n  )\n}\n\nconst Cascader: React.FC<CascaderProps> = ({ options, value, className, style }) => {\n  const placeholder = usePlaceholder()\n  const dataSource: CascaderOptionType[] = options || []\n  const getSelected = () => {\n    return isArray(value) ? value : []\n  }\n  const findLabel = (value: any, dataSource: any[]): any => {\n    for (let i = 0; i < dataSource?.length; i++) {\n      const item = dataSource[i]\n      if (item?.value === value) {\n        return item?.label\n      } else {\n        const childLabel = findLabel(value, item?.children)\n        if (childLabel) return childLabel\n      }\n    }\n  }\n  const getLabels = () => {\n    const selected = getSelected()\n    if (!selected?.length) {\n      return placeholder\n    }\n    return selected\n      .map((value) => {\n        return findLabel(value, dataSource) || placeholder\n      })\n      .join('/')\n  }\n  return (\n    <div className={cc([prefixCls, className])} style={style}>\n      {getLabels()}\n    </div>\n  )\n}\n\nconst formatMomentValue = (value: any, format: any, placeholder?: string): string | string[] => {\n  const formatDate = (date: any, format: any, i = 0) => {\n    if (!date) return placeholder\n    if (isArray(format)) {\n      const _format = format[i]\n      if (isFunction(_format)) {\n        return _format(date)\n      }\n      return date?.format ? date.format(_format) : date\n    } else {\n      if (isFunction(format)) {\n        return format(date)\n      }\n      return date?.format ? date.format(format) : date\n    }\n  }\n  if (isArray(value)) {\n    return value.map((val, index) => {\n      return formatDate(val, format, index)\n    })\n  } else {\n    return value ? formatDate(value, format) : value || placeholder\n  }\n}\n\nconst DatePicker: React.FC<DatePickerProps> = ({\n  value,\n  format,\n  showTime,\n  placeholder,\n  className,\n}) => {\n  const getLabels = () => {\n    const labels = formatMomentValue(\n      value,\n      format || `YYYY-MM-DD${showTime ? ' HH:mm:ss' : ''}`,\n      placeholder\n    )\n    return isArray(labels) ? labels.join('~') : labels\n  }\n  return <div className={cc([prefixCls, className])}>{getLabels()}</div>\n}\n\nconst TimePicker: React.FC<TimePickerProps> = ({\n  value,\n  format,\n  placeholder,\n  className,\n  style,\n}) => {\n  const getLabels = () => {\n    const labels = formatMomentValue(value, format || 'HH:mm:ss', placeholder)\n    return isArray(labels) ? labels.join('~') : labels\n  }\n  return (\n    <div className={cc(prefixCls, className)} style={style}>\n      {getLabels()}\n    </div>\n  )\n}\n\nconst MonthPicker: React.FC<MonthPickerProps> = ({\n  value,\n  format,\n  placeholder,\n  className,\n  style,\n}) => {\n  const getLabels = () => {\n    const labels = formatMomentValue(value, format || 'YYYY-MM', placeholder)\n    return isArray(labels) ? labels.join('~') : labels\n  }\n  return (\n    <div className={cc(prefixCls, className)} style={style}>\n      {getLabels()}\n    </div>\n  )\n}\n\nconst WeekPicker: React.FC<WeekPickerProps> = ({\n  value,\n  format,\n  placeholder,\n  className,\n  style,\n}) => {\n  const getLabels = () => {\n    const labels = formatMomentValue(value, format || 'gggg-wo', placeholder)\n    return isArray(labels) ? labels.join('~') : labels\n  }\n  return (\n    <div className={cc(prefixCls, className)} style={style}>\n      {getLabels()}\n    </div>\n  )\n}\n\nexport const PreviewText = {\n  Input,\n  Select,\n  TreeSelect,\n  Cascader,\n  DatePicker,\n  TimePicker,\n  MonthPicker,\n  WeekPicker,\n  usePlaceholder,\n}\n\nexport default PreviewText\n"]}

package/es/preview-text/index.less

@@ -0,0 +1,3 @@
+.@{tnt-prefix}-preview-text {
+
+}

package/es/query-form/Field/SelectInput.js

@@ -16,9 +16,10 @@ const {
 export default (props => {
   const {
       options = [],
-      addonBeforeStyle
+      addonBeforeStyle,
+      selectProps
     } = props,
-    inputProps = __rest(props, ["options", "addonBeforeStyle"]);
+    inputProps = __rest(props, ["options", "addonBeforeStyle", "selectProps"]);
   const [items, setItems] = useState(options);
   const getInitialKey = () => {
     let key = _get(options, '0.value');
@@ -39,13 +40,14 @@ export default (props => {
       [key]: evt.target.value
     });
   };
-  const addonBefore = React.createElement(Select, {
+  const addonBefore = React.createElement(Select, Object.assign({
     value: key,
     onChange: onKeyChange,
     style: Object.assign({
       width: '120px'
-    }, addonBeforeStyle)
-  }, items.map(({
+    }, addonBeforeStyle),
+    dropdownMatchSelectWidth: false
+  }, selectProps || {}), items.map(({
     label,
     value
   }) => React.createElement(Option, {

package/es/query-form/Field/SelectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.js","sourceRoot":"","sources":["../../../src/query-form/Field/SelectInput.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;AAEzB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,gBAAgB,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAzD,+BAAiD,CAAQ,CAAA;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,GAAG,GAAG,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QAEjC,IAAI,UAAU,CAAC,KAAK,EAAE;YACpB,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,CAAA;SACrD;QAED,OAAO,GAAG,CAAA;IACZ,CAAC,CAAA;IACD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAA;IAC/C,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,EAAE;QAC1B,MAAM,CAAC,GAAG,CAAC,CAAA;QACX,KAAK,CAAC,QAAQ,CAAC;YACb,CAAC,GAAG,CAAC,EAAE,EAAE;SACV,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,EAAE;QACvB,KAAK,CAAC,QAAQ,CAAC;YACb,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK;SACxB,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,CAClB,oBAAC,MAAM,IACL,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,WAAW,EACrB,KAAK,kBACH,KAAK,EAAE,OAAO,IACX,gBAAgB,KAGpB,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/B,oBAAC,MAAM,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC7B,KAAK,CACC,CACV,CAAC,CACK,CACV,CAAA;IACD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,OAAO,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACnC,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,CAAC,CAAA;QACjB,MAAM,CAAC,aAAa,EAAE,CAAC,CAAA;IACzB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;IAE/B,OAAO,CACL,oBAAC,KAAK,oBAAK,UAAU,IAAE,KAAK,EAAE,aAAa,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAChG,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { get } from 'lodash'\n\nimport Select from '../../select'\nimport Input from '../../input'\n\nconst { Option } = Select\n\nexport default (props) => {\n  const { options = [], addonBeforeStyle, ...inputProps } = props\n  const [items, setItems] = useState(options)\n  const getInitialKey = () => {\n    let key = get(options, '0.value')\n\n    if (inputProps.value) {\n      key = get(Object.keys(inputProps.value), '0') || key\n    }\n\n    return key\n  }\n  const [key, setKey] = useState(getInitialKey())\n  const onKeyChange = (key) => {\n    setKey(key)\n    props.onChange({\n      [key]: '',\n    })\n  }\n  const onChange = (evt) => {\n    props.onChange({\n      [key]: evt.target.value,\n    })\n  }\n  const addonBefore = (\n    <Select\n      value={key}\n      onChange={onKeyChange}\n      style={{\n        width: '120px',\n        ...addonBeforeStyle,\n      }}\n    >\n      {items.map(({ label, value }) => (\n        <Option key={value} value={value}>\n          {label}\n        </Option>\n      ))}\n    </Select>\n  )\n  const getInputValue = () => {\n    return get(inputProps.value, key)\n  }\n\n  useEffect(() => {\n    setItems(options)\n    setKey(getInitialKey())\n  }, [options, inputProps.value])\n\n  return (\n    <Input {...inputProps} value={getInputValue()} addonBefore={addonBefore} onChange={onChange} />\n  )\n}\n"]}
+{"version":3,"file":"SelectInput.js","sourceRoot":"","sources":["../../../src/query-form/Field/SelectInput.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;AAEzB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,gBAAgB,EAAE,WAAW,KAAmB,KAAK,EAApB,UAAU,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAA;IAC3E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,GAAG,GAAG,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QAEjC,IAAI,UAAU,CAAC,KAAK,EAAE;YACpB,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,CAAA;SACrD;QAED,OAAO,GAAG,CAAA;IACZ,CAAC,CAAA;IACD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAA;IAC/C,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,EAAE;QAC1B,MAAM,CAAC,GAAG,CAAC,CAAA;QACX,KAAK,CAAC,QAAQ,CAAC;YACb,CAAC,GAAG,CAAC,EAAE,EAAE;SACV,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,EAAE;QACvB,KAAK,CAAC,QAAQ,CAAC;YACb,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK;SACxB,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,CAClB,oBAAC,MAAM,kBACL,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,WAAW,EACrB,KAAK,kBACH,KAAK,EAAE,OAAO,IACX,gBAAgB,GAErB,wBAAwB,EAAE,KAAK,IAC3B,CAAC,WAAW,IAAE,EAAE,CAAC,GAEpB,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/B,oBAAC,MAAM,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC7B,KAAK,CACC,CACV,CAAC,CACK,CACV,CAAA;IACD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,OAAO,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACnC,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,CAAC,CAAA;QACjB,MAAM,CAAC,aAAa,EAAE,CAAC,CAAA;IACzB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;IAE/B,OAAO,CACL,oBAAC,KAAK,oBAAK,UAAU,IAAE,KAAK,EAAE,aAAa,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAChG,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { get } from 'lodash'\n\nimport Select from '../../select'\nimport Input from '../../input'\n\nconst { Option } = Select\n\nexport default (props) => {\n  const { options = [], addonBeforeStyle, selectProps,...inputProps } = props\n  const [items, setItems] = useState(options)\n  const getInitialKey = () => {\n    let key = get(options, '0.value')\n\n    if (inputProps.value) {\n      key = get(Object.keys(inputProps.value), '0') || key\n    }\n\n    return key\n  }\n  const [key, setKey] = useState(getInitialKey())\n  const onKeyChange = (key) => {\n    setKey(key)\n    props.onChange({\n      [key]: '',\n    })\n  }\n  const onChange = (evt) => {\n    props.onChange({\n      [key]: evt.target.value,\n    })\n  }\n  const addonBefore = (\n    <Select\n      value={key}\n      onChange={onKeyChange}\n      style={{\n        width: '120px',\n        ...addonBeforeStyle,\n      }}\n      dropdownMatchSelectWidth={false}\n      {...(selectProps||{})}\n    >\n      {items.map(({ label, value }) => (\n        <Option key={value} value={value}>\n          {label}\n        </Option>\n      ))}\n    </Select>\n  )\n  const getInputValue = () => {\n    return get(inputProps.value, key)\n  }\n\n  useEffect(() => {\n    setItems(options)\n    setKey(getInitialKey())\n  }, [options, inputProps.value])\n\n  return (\n    <Input {...inputProps} value={getInputValue()} addonBefore={addonBefore} onChange={onChange} />\n  )\n}\n"]}

package/es/radio/index.js

@@ -1,4 +1,7 @@
 import Radio from 'antd/es/radio';
+import RadioGroup from './radio-group';
 import 'antd/es/radio/style';
 export * from 'antd/es/radio';
+// @ts-ignore
+Radio.Group = RadioGroup;
 export default Radio;

package/es/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,eAAe,CAAA;AAEjC,OAAO,qBAAqB,CAAA;AAE5B,cAAc,eAAe,CAAA;AAE7B,eAAe,KAAK,CAAA","sourcesContent":["import Radio from 'antd/es/radio'\n\nimport 'antd/es/radio/style'\n\nexport * from 'antd/es/radio'\n\nexport default Radio\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,qBAAqB,CAAA;AAE5B,cAAc,eAAe,CAAA;AAE7B,aAAa;AACb,KAAK,CAAC,KAAK,GAAG,UAAU,CAAA;AAExB,eAAe,KAAK,CAAA","sourcesContent":["import Radio from 'antd/es/radio'\nimport RadioGroup from './radio-group'\nimport 'antd/es/radio/style'\n\nexport * from 'antd/es/radio'\n\n// @ts-ignore\nRadio.Group = RadioGroup\n\nexport default Radio\n"]}

package/es/radio/radio-group.js

@@ -0,0 +1,5 @@
+import 'react';
+import Radio from 'antd/es/radio';
+import { connectReadonlyComponent } from '../connect';
+import PreviewText from '../preview-text';
+export default connectReadonlyComponent(Radio.Group, PreviewText.Select);

package/es/radio/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/radio/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAA;AAEzB,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAMzC,eAAe,wBAAwB,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport type { RadioGroupProps as AntdRadioGroupProps } from 'antd/es/radio'\nimport Radio from 'antd/es/radio'\nimport { connectReadonlyComponent } from '../connect'\nimport PreviewText from '../preview-text'\n\nexport type RadioGroupProps = AntdRadioGroupProps & {\n  readonly?: boolean\n}\n\nexport default connectReadonlyComponent(Radio.Group, PreviewText.Select)\n"]}

package/es/segmented/index.js

@@ -0,0 +1,67 @@
+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;
+};
+import classNames from 'classnames';
+import RcSegmented from 'rc-segmented';
+import * as React from 'react';
+import './index.less';
+const SizeContext = React.createContext(undefined);
+function isSegmentedLabeledOptionWithIcon(option) {
+  return typeof option === 'object' && !!(option === null || option === void 0 ? void 0 : option.icon);
+}
+const Segmented = React.forwardRef((props, ref) => {
+  const {
+      prefixCls: customizePrefixCls,
+      className,
+      rootClassName,
+      block,
+      options = [],
+      size: customSize = 'middle',
+      style
+    } = props,
+    restProps = __rest(props, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style"]);
+  const prefixCls = 'tntd-segmented';
+  // ===================== Size =====================
+  const size = React.useContext(SizeContext);
+  const mergedSize = customSize || size;
+  // syntactic sugar to support `icon` for Segmented Item
+  const extendedOptions = React.useMemo(() => options.map(option => {
+    if (isSegmentedLabeledOptionWithIcon(option)) {
+      const {
+          icon,
+          label
+        } = option,
+        restOption = __rest(option, ["icon", "label"]);
+      return Object.assign(Object.assign({}, restOption), {
+        label: React.createElement(React.Fragment, null, React.createElement("span", {
+          className: `${prefixCls}-item-icon`
+        }, icon), label && React.createElement("span", null, label))
+      });
+    }
+    return option;
+  }), [options, prefixCls]);
+  const cls = classNames(className, rootClassName, {
+    [`${prefixCls}-block`]: block,
+    [`${prefixCls}-sm`]: mergedSize === 'small',
+    [`${prefixCls}-lg`]: mergedSize === 'large'
+  });
+  const mergedStyle = Object.assign({}, style);
+  return React.createElement(RcSegmented, Object.assign({}, restProps, {
+    className: cls,
+    style: mergedStyle,
+    options: extendedOptions,
+    //   options={options}
+    ref: ref,
+    rev: "",
+    prefixCls: prefixCls
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Segmented.displayName = 'Segmented';
+}
+export default Segmented;

package/es/segmented/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/segmented/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAMnC,OAAO,WAAW,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,cAAc,CAAA;AAGrB,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAW,SAAS,CAAC,CAAA;AAc5D,SAAS,gCAAgC,CACvC,MAA+F;IAE/F,OAAO,OAAO,MAAM,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,MAAyC,aAAzC,MAAM,uBAAN,MAAM,CAAqC,IAAI,CAAA,CAAA;AACzF,CAAC;AAaD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,EACJ,SAAS,EAAE,kBAAkB,EAC7B,SAAS,EACT,aAAa,EACb,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,IAAI,EAAE,UAAU,GAAG,QAAQ,EAC3B,KAAK,KAEH,KAAK,EADJ,SAAS,UACV,KAAK,EATH,gFASL,CAAQ,CAAA;IAET,MAAM,SAAS,GAAG,gBAAgB,CAAA;IAElC,mDAAmD;IACnD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA;IAC1C,MAAM,UAAU,GAAG,UAAU,IAAI,IAAI,CAAA;IAErC,uDAAuD;IACvD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CACnC,GAAG,EAAE,CACH,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACrB,IAAI,gCAAgC,CAAC,MAAM,CAAC,EAAE;YAC5C,MAAM,EAAE,IAAI,EAAE,KAAK,KAAoB,MAAM,EAArB,UAAU,UAAK,MAAM,EAAvC,iBAA8B,CAAS,CAAA;YAC7C,uCACK,UAAU,KACb,KAAK,EAAE,CACL;oBACE,8BAAM,SAAS,EAAE,GAAG,SAAS,YAAY,IAAG,IAAI,CAAQ;oBACvD,KAAK,IAAI,kCAAO,KAAK,CAAQ,CAC7B,CACJ,IACF;SACF;QACD,OAAO,MAAM,CAAA;IACf,CAAC,CAAC,EACJ,CAAC,OAAO,EAAE,SAAS,CAAC,CACrB,CAAA;IAED,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,aAAa,EAAE;QAC/C,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,KAAK;QAC7B,CAAC,GAAG,SAAS,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO;QAC3C,CAAC,GAAG,SAAS,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO;KAC5C,CAAC,CAAA;IAEF,MAAM,WAAW,qBAA6B,KAAK,CAAE,CAAA;IAErD,OAAO,CACL,oBAAC,WAAW,oBACN,SAAS,IACb,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,eAAe;QACxB,sBAAsB;QACtB,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,EAAE,EACN,SAAS,EAAE,SAAS,IACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;CACpC;AAED,eAAe,SAAS,CAAA","sourcesContent":["import classNames from 'classnames'\nimport type {\n  SegmentedLabeledOption as RcSegmentedLabeledOption,\n  SegmentedProps as RCSegmentedProps,\n  SegmentedRawOption,\n} from 'rc-segmented'\nimport RcSegmented from 'rc-segmented'\nimport * as React from 'react'\n\nimport './index.less'\n\nexport type SizeType = 'small' | 'middle' | 'large' | undefined\nconst SizeContext = React.createContext<SizeType>(undefined)\n\nexport type { SegmentedValue } from 'rc-segmented'\n\ninterface SegmentedLabeledOptionWithoutIcon extends RcSegmentedLabeledOption {\n  label: RcSegmentedLabeledOption['label']\n}\n\ninterface SegmentedLabeledOptionWithIcon extends Omit<RcSegmentedLabeledOption, 'label'> {\n  label?: RcSegmentedLabeledOption['label']\n  /** Set icon for Segmented item */\n  icon: React.ReactNode\n}\n\nfunction isSegmentedLabeledOptionWithIcon(\n  option: SegmentedRawOption | SegmentedLabeledOptionWithIcon | SegmentedLabeledOptionWithoutIcon\n): option is SegmentedLabeledOptionWithIcon {\n  return typeof option === 'object' && !!(option as SegmentedLabeledOptionWithIcon)?.icon\n}\n\nexport type SegmentedLabeledOption =\n  | SegmentedLabeledOptionWithIcon\n  | SegmentedLabeledOptionWithoutIcon\n\nexport interface SegmentedProps extends Omit<RCSegmentedProps, 'size' | 'options'> {\n  rootClassName?: string\n  options: (SegmentedRawOption | SegmentedLabeledOption)[]\n  block?: boolean\n  size?: SizeType\n}\n\nconst Segmented = React.forwardRef<HTMLDivElement, SegmentedProps>((props, ref) => {\n  const {\n    prefixCls: customizePrefixCls,\n    className,\n    rootClassName,\n    block,\n    options = [],\n    size: customSize = 'middle',\n    style,\n    ...restProps\n  } = props\n\n  const prefixCls = 'tntd-segmented'\n\n  // ===================== Size =====================\n  const size = React.useContext(SizeContext)\n  const mergedSize = customSize || size\n\n  // syntactic sugar to support `icon` for Segmented Item\n  const extendedOptions = React.useMemo<RCSegmentedProps['options']>(\n    () =>\n      options.map((option) => {\n        if (isSegmentedLabeledOptionWithIcon(option)) {\n          const { icon, label, ...restOption } = option\n          return {\n            ...restOption,\n            label: (\n              <>\n                <span className={`${prefixCls}-item-icon`}>{icon}</span>\n                {label && <span>{label}</span>}\n              </>\n            ),\n          }\n        }\n        return option\n      }),\n    [options, prefixCls]\n  )\n\n  const cls = classNames(className, rootClassName, {\n    [`${prefixCls}-block`]: block,\n    [`${prefixCls}-sm`]: mergedSize === 'small',\n    [`${prefixCls}-lg`]: mergedSize === 'large',\n  })\n\n  const mergedStyle: React.CSSProperties = { ...style }\n\n  return (\n    <RcSegmented\n      {...restProps}\n      className={cls}\n      style={mergedStyle}\n      options={extendedOptions}\n      //   options={options}\n      ref={ref}\n      rev=\"\"\n      prefixCls={prefixCls}\n    />\n  )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n  Segmented.displayName = 'Segmented'\n}\n\nexport default Segmented\n"]}

package/es/segmented/index.less

@@ -0,0 +1,138 @@
+.tntd-segmented {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    color: rgba(0,0,0,.65);
+    font-size: 14px;
+    line-height: 1.5715;
+    list-style: none;
+
+    display: inline-block;
+    padding: 2px;
+    color: rgba(0,0,0,.65);
+    background-color: rgba(0,0,0,.04);
+    border-radius: 2px;
+    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+    font-family: initial;
+
+    .tntd-segmented-group {
+        position: relative;
+        display: flex;
+        align-items: stretch;
+        justify-items: flex-start;
+        width: 100%;
+      }
+
+      // item styles
+      .tntd-segmented-item {
+        position: relative;
+        text-align: center;
+        cursor: pointer;
+        transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+        &-selected {
+          background-color: #fff;
+          border-radius: 2px;
+          box-shadow: 0 2px 8px -2px rgba(0,0,0,.05), 0 1px 4px -1px rgba(0,0,0,.07),
+            0 0 1px rgba(0,0,0,.08);
+          color: #262626;
+        }
+
+        &:hover,
+        &:focus {
+          color: #262626;
+        }
+
+        &-label {
+          min-height: 28px;
+          padding: 0 12px;
+          line-height: 28px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          word-break: keep-all;
+        }
+
+        // syntactic sugar to add `icon` for Segmented Item
+        &-icon + * {
+          margin-left: 6px;
+        }
+
+        &-input {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 0;
+          height: 0;
+          opacity: 0;
+          pointer-events: none;
+        }
+      }
+
+      // disabled styles
+      .tntd-segmented-item-disabled {
+        &,
+        &:hover,
+        &:focus {
+          color: rgba(0,0,0,.25);
+          cursor: not-allowed;
+        }
+      }
+
+      // thumb styles
+      .tntd-segmented-thumb {
+        background-color: #fff;
+        border-radius: 2px;
+        box-shadow: 0 2px 8px -2px rgba(0,0,0,.05), 0 1px 4px -1px rgba(0,0,0,.07),
+            0 0 1px rgba(0,0,0,.08);
+
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 0;
+        height: 100%;
+        padding: 4px 0;
+      }
+
+      // transition effect when `appear-active`
+      .tntd-segmented-thumb-motion-appear-active {
+        transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+        transition-property: all !important;
+        will-change: transform, width;
+      }
+
+    // hover/focus styles
+    &:not(&-disabled) {
+      &:hover,
+      &:focus {
+        background-color: rgba(0,0,0,.06);
+      }
+    }
+  }
+
+  .tntd-segmented-block {
+    display: flex;
+
+    .tntd-segmented-item {
+        flex: 1;
+        min-width: 0;
+    }
+  }
+
+  // size styles
+  .tntd-segmented-lg {
+    .tntd-segmented-item-label {
+        min-height: 36px;
+        padding: 0 12px;
+        font-size: 16px;
+        line-height: 36px;
+    }
+  }
+
+  .tntd-segmented-sm {
+    .tntd-segmented-item-label {
+        min-height: 22px;
+        line-height: 22px;
+        padding: 0 7px;
+    }
+  }

package/es/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAC7B,OAAO,eAAe,CAAA;AAEtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,eAAe,MAAM,CAAA","sourcesContent":["import 'antd/es/select/style'\nimport './select.less'\n\nexport * from 'antd/es/select'\n\nimport { Select } from './select'\n\nexport default Select\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAC7B,OAAO,eAAe,CAAA;AAEtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAG9C,eAAe,MAAM,CAAA","sourcesContent":["import 'antd/es/select/style'\nimport './select.less'\n\nexport * from 'antd/es/select'\n\nimport { Select, SelectProps } from './select'\n\nexport { SelectProps }\nexport default Select\n"]}

package/es/select/select.js

@@ -1,3 +1,4 @@
+import _get from "lodash/get";
 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];
@@ -10,12 +11,20 @@ import React, { forwardRef } from 'react';
 import { default as AntdSelect } from 'antd/es/select';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import classNames from 'classnames';
-export const Select = forwardRef((_a, ref) => {
+import { connectReadonlyComponent } from '../connect';
+import PreviewText from '../preview-text';
+const {
+  Option
+} = AntdSelect;
+export const InternalSelect = forwardRef((_a, ref) => {
   var {
       className,
-      borderStyle
+      borderStyle,
+      options,
+      fieldNames,
+      children
     } = _a,
-    props = __rest(_a, ["className", "borderStyle"]);
+    props = __rest(_a, ["className", "borderStyle", "options", "fieldNames", "children"]);
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {
@@ -25,8 +34,21 @@ export const Select = forwardRef((_a, ref) => {
         [`${prefixCls}-outline`]: borderStyle === 'outline'
       }),
       ref: ref
+    }), children ? children : options === null || options === void 0 ? void 0 : options.map(option => {
+      if (typeof option === 'object') {
+        return React.createElement(Option, {
+          key: _get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'),
+          value: _get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'),
+          disabled: !!option.disabled
+        }, _get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label'));
+      }
+      return React.createElement(Option, {
+        key: option,
+        value: option
+      }, option);
     }));
   });
 });
+export const Select = connectReadonlyComponent(InternalSelect, PreviewText.Select);
 Select.OptGroup = AntdSelect.OptGroup;
 Select.Option = AntdSelect.Option;