tntd 2.8.0-beta.5 → 2.8.0-beta.7

package/es/progress/progress.js

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

package/es/progress/progress.js.map

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

package/es/progress/progress.less

@@ -1,82 +0,0 @@
-@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/es/query-form/Field/Composition/FieldPopover.js

@@ -1,284 +0,0 @@
-import _get from "lodash/get";
-import _cloneDeep from "lodash/cloneDeep";
-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 React, { useEffect, useState } from 'react';
-import Popover from '../../../popover';
-import SelectOpt from './Select';
-import { highlightSubstring, getLabelFromOptions } from './utils';
-import fieldsMap, { getFieldWidth } from '../fieldsMap';
-import './FieldPopover.less';
-const isInput = type => ['input', 'string', 'search', 'number', 'inputNumber'].includes(type);
-export default (_a => {
-  var {
-      visible,
-      setVisible,
-      searchText,
-      children,
-      value,
-      onChange,
-      options,
-      locale,
-      searchTarget,
-      setSearchTarget,
-      clsPrefix
-    } = _a,
-    props = __rest(_a, ["visible", "setVisible", "searchText", "children", "value", "onChange", "options", "locale", "searchTarget", "setSearchTarget", "clsPrefix"]);
-  const [dataItem, setDataItem] = useState(null);
-  const onPropsClick = propItem => {
-    const copyValue = _cloneDeep(value);
-    if (!(copyValue === null || copyValue === void 0 ? void 0 : copyValue.find(v => v.key === propItem.name))) {
-      copyValue.push({
-        key: propItem.name,
-        value: propItem.type === 'array' ? [] : '',
-        label: (propItem.propsTitle || propItem.title || propItem.name) + ':'
-      });
-    }
-    if (isInput(propItem.type)) {
-      const target = copyValue.find(v => v.key === propItem.name);
-      onChange(target, true);
-      close();
-      return;
-    }
-    setDataItem(propItem);
-    onChange(copyValue);
-  };
-  const onSelectChange = (v, isMultiple) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const copyValue = _cloneDeep(value || []);
-    let index;
-    if (v.dataItem) {
-      const _index = copyValue.findIndex(vv => {
-        var _a;
-        return vv.key === ((_a = v.dataItem) === null || _a === void 0 ? void 0 : _a.name);
-      });
-      if (_index > -1) {
-        index = _index;
-      } else {
-        copyValue.push({
-          key: (_a = v.dataItem) === null || _a === void 0 ? void 0 : _a.name,
-          value: isMultiple ? [] : '',
-          label: (((_b = v.dataItem) === null || _b === void 0 ? void 0 : _b.propsTitle) || ((_c = v.dataItem) === null || _c === void 0 ? void 0 : _c.title) || ((_d = v.dataItem) === null || _d === void 0 ? void 0 : _d.name)) + ':'
-        });
-        index = copyValue.length - 1;
-      }
-    } else {
-      index = copyValue.findIndex(v => v.key === (dataItem === null || dataItem === void 0 ? void 0 : dataItem.name));
-    }
-    if (isMultiple) {
-      if (!((_f = (_e = copyValue[index]) === null || _e === void 0 ? void 0 : _e.value) === null || _f === void 0 ? void 0 : _f.length)) {
-        copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (v === null || v === void 0 ? void 0 : v.label);
-        copyValue[index].value = [v === null || v === void 0 ? void 0 : v.value];
-      } else {
-        if (((_g = copyValue[index].value) === null || _g === void 0 ? void 0 : _g.indexOf(v.value)) > -1) {
-          copyValue[index].value = copyValue[index].value.filter(val => val !== v.value);
-          const regex = new RegExp(`\\|?${v.label}`, 'g'); //new RegExp(`\\|?${variable}`, 'g')
-          const result = copyValue[index].label.replace(regex, '');
-          copyValue[index].label = result;
-        } else {
-          copyValue[index].value.push(v.value);
-          copyValue[index].label += '|' + (v === null || v === void 0 ? void 0 : v.label);
-        }
-      }
-    } else {
-      copyValue[index].value = v === null || v === void 0 ? void 0 : v.value;
-      copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (v === null || v === void 0 ? void 0 : v.label);
-      close();
-    }
-    onChange(copyValue, false, true);
-  };
-  const onFieldChange = (...args) => {
-    var _a, _b;
-    const {
-      type,
-      component,
-      props: fieldProps,
-      setLabel
-    } = dataItem || {};
-    const {
-      onChange: onChangeCustom,
-      options
-    } = fieldProps || {};
-    onChangeCustom && onChangeCustom(...args);
-    const copyValue = _cloneDeep(value);
-    const index = copyValue.findIndex(v => v.key === (dataItem === null || dataItem === void 0 ? void 0 : dataItem.name));
-    copyValue[index].value = args[0];
-    if (type === 'date') {
-      copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + args[1];
-      close();
-    } else if (type === 'dateRange') {
-      copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + ((_a = args[1]) === null || _a === void 0 ? void 0 : _a.join('~'));
-      if ((_b = args[1]) === null || _b === void 0 ? void 0 : _b[1]) {
-        close();
-      }
-    } else if (type === 'selectInput') {
-      const key = _get(Object.keys(args[0]), '0');
-      const val = _get(args[0], key);
-      const label = getLabelFromOptions(key, options);
-      copyValue[index].label = `${label}: ${val}`;
-    } else if (type === 'checkbox') {
-      copyValue[index].label = `${copyValue[index].label.match(/(.*:)/)[0]} ${args[0] ? local.Yes : local.No}`;
-      close();
-    } else if (!type && component) {
-      if (setLabel) {
-        // setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制
-        copyValue[index].label = setLabel(args[0]);
-      } else {
-        copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (args[1] || args[0]);
-      }
-      close();
-    }
-    onChange(copyValue, false, true);
-    // close()
-  };
-  const close = () => {
-    setVisible(false);
-  };
-  const handleVisibleChange = visible => {
-    setVisible(visible);
-  };
-  useEffect(() => {
-    setDataItem(null);
-  }, [visible]);
-  useEffect(() => {
-    let bool1 = false,
-      bool2 = false;
-    if (searchText) {
-      options === null || options === void 0 ? void 0 : options.forEach(v => {
-        const {
-          name,
-          propsTitle,
-          title,
-          type,
-          props
-        } = v.props || {};
-        const _propsTitle = propsTitle || title || name;
-        if ((_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1) {
-          bool1 = true;
-        }
-        const sOptions = type !== 'select' ? [] : (props === null || props === void 0 ? void 0 : props.options) || [];
-        const fieldNames = props === null || props === void 0 ? void 0 : props.fieldNames;
-        const target = sOptions === null || sOptions === void 0 ? void 0 : sOptions.find(item => {
-          const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
-          const label = item instanceof Object ? item[labelKey] : item;
-          return (label === null || label === void 0 ? void 0 : label.indexOf(searchText)) > -1;
-        });
-        if (target) {
-          bool2 = true;
-        }
-      });
-      setSearchTarget(!bool2 && !bool1 ? null : {
-        propsTitle: bool1,
-        propsValue: bool2
-      });
-    } else {
-      setSearchTarget(null);
-    }
-  }, [options, searchText]);
-  const renderFirstOptions = menu => {
-    return React.createElement("div", null, (!searchText || (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsTitle)) && React.createElement("label", null, locale.propTitle), React.createElement("ul", {
-      className: "ant-select-dropdown-menu"
-    }, options === null || options === void 0 ? void 0 : options.map(v => {
-      const {
-        name,
-        propsTitle,
-        title,
-        type,
-        props
-      } = v.props || {};
-      const _propsTitle = propsTitle || title || name;
-      if (searchText) {
-        if ((_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1) {
-          return React.createElement("li", {
-            className: "ant-select-dropdown-menu-item",
-            key: name,
-            value: name,
-            onMouseDown: e => e.preventDefault(),
-            onClick: () => {
-              onPropsClick(v.props);
-            }
-          }, React.createElement("span", {
-            dangerouslySetInnerHTML: {
-              __html: highlightSubstring(_propsTitle, searchText)
-            }
-          }));
-        }
-        return '';
-      }
-      return React.createElement("li", {
-        className: "ant-select-dropdown-menu-item",
-        key: name,
-        value: name,
-        onMouseDown: e => e.preventDefault(),
-        onClick: () => {
-          onPropsClick(v.props);
-        }
-      }, _propsTitle);
-    })), searchText && React.createElement("div", null, (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsValue) && React.createElement("label", null, locale.propValue), React.createElement("ul", {
-      className: "ant-select-dropdown-menu"
-    }, options === null || options === void 0 ? void 0 : options.map(v => {
-      const {
-        name,
-        propsTitle,
-        type,
-        props
-      } = v.props || {};
-      const target = value === null || value === void 0 ? void 0 : value.find(v => v.key === name);
-      if (type === 'select' && props && props.options && props.options.length > 0) {
-        return React.createElement(SelectOpt, Object.assign({}, props, {
-          searchText: searchText,
-          onChange: onSelectChange,
-          value: target === null || target === void 0 ? void 0 : target.value,
-          dataItem: v.props
-        }));
-      }
-      return;
-    }))));
-  };
-  const renderSecondOptions = () => {
-    var _a;
-    const {
-      name,
-      propsTitle,
-      title,
-      type,
-      className,
-      component,
-      props: fieldProps
-    } = dataItem || {};
-    const target = value === null || value === void 0 ? void 0 : value.find(v => v.key === name);
-    const Field = component || fieldsMap[type];
-    return React.createElement("div", {
-      onClick: e => e.stopPropagation(),
-      className: className
-    }, React.createElement("label", null, propsTitle || title || name), type === 'select' ? React.createElement(SelectOpt, Object.assign({}, fieldProps, {
-      onChange: onSelectChange,
-      value: target === null || target === void 0 ? void 0 : target.value
-    })) : React.createElement("div", {
-      className: `${clsPrefix}-field-popover-content`,
-      onClick: e => e.stopPropagation()
-    }, React.createElement(Field, Object.assign({
-      value: target === null || target === void 0 ? void 0 : target.value
-    }, fieldProps, {
-      style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {
-        width: ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || getFieldWidth(type)
-      }),
-      onChange: onFieldChange
-    }))));
-  };
-  return React.createElement(Popover, Object.assign({
-    trigger: "click",
-    // onClick={(e) =>  e.stopPropagation()}
-    visible: visible,
-    placement: "bottom",
-    overlayClassName: `${clsPrefix}-field-popover`,
-    content: !dataItem ? renderFirstOptions() : renderSecondOptions(),
-    onVisibleChange: handleVisibleChange
-  }, props), children);
-});

package/es/query-form/Field/Composition/FieldPopover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldPopover.js","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/FieldPopover.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { cloneDeep } from 'lodash'\nimport Popover from '../../../popover'\nimport SelectOpt from './Select'\nimport { highlightSubstring, getLabelFromOptions } from './utils'\nimport { get } from 'lodash'\n\nimport fieldsMap, { getFieldWidth } from '../fieldsMap'\nimport './FieldPopover.less'\nconst isInput = (type) => ['input', 'string', 'search', 'number', 'inputNumber'].includes(type)\n\nexport default ({\n  visible,\n  setVisible,\n  searchText,\n  children,\n  value,\n  onChange,\n  options,\n  locale,\n  searchTarget,\n  setSearchTarget,\n  clsPrefix,\n  ...props\n}) => {\n  const [dataItem, setDataItem] = useState(null)\n\n  const onPropsClick = (propItem) => {\n    const copyValue = cloneDeep(value)\n\n    if (!copyValue?.find((v) => v.key === propItem.name)) {\n      copyValue.push({\n        key: propItem.name,\n        value: propItem.type === 'array' ? [] : '',\n        label: (propItem.propsTitle || propItem.title || propItem.name) + ':',\n      })\n    }\n    if (isInput(propItem.type)) {\n      const target = copyValue.find((v) => v.key === propItem.name)\n      onChange(target, true)\n      close()\n      return\n    }\n    setDataItem(propItem)\n    onChange(copyValue)\n  }\n\n  const onSelectChange = (v, isMultiple) => {\n    const copyValue = cloneDeep(value || [])\n    let index\n    if (v.dataItem) {\n      const _index = copyValue.findIndex((vv) => vv.key === v.dataItem?.name)\n      if (_index > -1) {\n        index = _index\n      } else {\n        copyValue.push({\n          key: v.dataItem?.name,\n          value: isMultiple ? [] : '',\n          label: (v.dataItem?.propsTitle || v.dataItem?.title || v.dataItem?.name) + ':',\n        })\n        index = copyValue.length - 1\n      }\n    } else {\n      index = copyValue.findIndex((v) => v.key === dataItem?.name)\n    }\n\n    if (isMultiple) {\n      if (!copyValue[index]?.value?.length) {\n        copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + v?.label\n        copyValue[index].value = [v?.value]\n      } else {\n        if (copyValue[index].value?.indexOf(v.value) > -1) {\n          copyValue[index].value = copyValue[index].value.filter((val) => val !== v.value)\n          const regex = new RegExp(`\\\\|?${v.label}`, 'g') //new RegExp(`\\\\|?${variable}`, 'g')\n          const result = copyValue[index].label.replace(regex, '')\n          copyValue[index].label = result\n        } else {\n          copyValue[index].value.push(v.value)\n          copyValue[index].label += '|' + v?.label\n        }\n      }\n    } else {\n      copyValue[index].value = v?.value\n      copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + v?.label\n      close()\n    }\n    onChange(copyValue, false, true)\n  }\n\n  const onFieldChange = (...args) => {\n    const { type, component, props: fieldProps, setLabel } = dataItem || {}\n    const { onChange: onChangeCustom, options } = fieldProps || {}\n    onChangeCustom && onChangeCustom(...args)\n    const copyValue = cloneDeep(value)\n    const index = copyValue.findIndex((v) => v.key === dataItem?.name)\n    copyValue[index].value = args[0]\n    if (type === 'date') {\n      copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + args[1]\n      close()\n    } else if (type === 'dateRange') {\n      copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + args[1]?.join('~')\n      if (args[1]?.[1]) {\n        close()\n      }\n    } else if (type === 'selectInput') {\n      const key = get(Object.keys(args[0]), '0')\n      const val = get(args[0], key)\n      const label = getLabelFromOptions(key, options)\n      copyValue[index].label = `${label}: ${val}`\n    } else if (type === 'checkbox') {\n      copyValue[index].label = `${copyValue[index].label.match(/(.*:)/)[0]} ${\n        args[0] ? local.Yes : local.No\n      }`\n      close()\n    } else if (!type && component) {\n      if (setLabel) {\n        // setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制\n        copyValue[index].label = setLabel(args[0])\n      } else {\n        copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (args[1] || args[0])\n      }\n      close()\n    }\n    onChange(copyValue, false, true)\n    // close()\n  }\n\n  const close = () => {\n    setVisible(false)\n  }\n  const handleVisibleChange = (visible) => {\n    setVisible(visible)\n  }\n  useEffect(() => {\n    setDataItem(null)\n  }, [visible])\n\n  useEffect(() => {\n    let bool1 = false,\n      bool2 = false\n    if (searchText) {\n      options?.forEach((v) => {\n        const { name, propsTitle, title, type, props } = v.props || {}\n        const _propsTitle = propsTitle || title || name\n        if (_propsTitle?.indexOf(searchText) > -1) {\n          bool1 = true\n        }\n        const sOptions = type !== 'select' ? [] : props?.options || []\n        const fieldNames = props?.fieldNames\n        const target = sOptions?.find((item) => {\n          const labelKey = fieldNames?.label || 'label'\n          const label = item instanceof Object ? item[labelKey] : item\n          return label?.indexOf(searchText) > -1\n        })\n        if (target) {\n          bool2 = true\n        }\n      })\n      setSearchTarget(!bool2 && !bool1 ? null : { propsTitle: bool1, propsValue: bool2 })\n    } else {\n      setSearchTarget(null)\n    }\n  }, [options, searchText])\n  const renderFirstOptions = (menu) => {\n    return (\n      <div>\n        {(!searchText || searchTarget?.propsTitle) && <label>{locale.propTitle}</label>}\n        <ul className=\"ant-select-dropdown-menu\">\n          {options?.map((v) => {\n            const { name, propsTitle, title, type, props } = v.props || {}\n            const _propsTitle = propsTitle || title || name\n            if (searchText) {\n              if (_propsTitle?.indexOf(searchText) > -1) {\n                return (\n                  <li\n                    className=\"ant-select-dropdown-menu-item\"\n                    key={name}\n                    value={name}\n                    onMouseDown={(e) => e.preventDefault()}\n                    onClick={() => {\n                      onPropsClick(v.props)\n                    }}\n                  >\n                    <span\n                      dangerouslySetInnerHTML={{\n                        __html: highlightSubstring(_propsTitle, searchText),\n                      }}\n                    ></span>\n                  </li>\n                )\n              }\n              return ''\n            }\n            return (\n              <li\n                className=\"ant-select-dropdown-menu-item\"\n                key={name}\n                value={name}\n                onMouseDown={(e) => e.preventDefault()}\n                onClick={() => {\n                  onPropsClick(v.props)\n                }}\n              >\n                {_propsTitle}\n              </li>\n            )\n          })}\n        </ul>\n        {searchText && (\n          <div>\n            {searchTarget?.propsValue && <label>{locale.propValue}</label>}\n            <ul className=\"ant-select-dropdown-menu\">\n              {options?.map((v) => {\n                const { name, propsTitle, type, props } = v.props || {}\n                const target = value?.find((v) => v.key === name)\n                if (type === 'select' && props && props.options && props.options.length > 0) {\n                  return (\n                    <SelectOpt\n                      {...props}\n                      searchText={searchText}\n                      onChange={onSelectChange}\n                      value={target?.value}\n                      dataItem={v.props}\n                    />\n                  )\n                }\n                return\n              })}\n            </ul>\n          </div>\n        )}\n      </div>\n    )\n  }\n\n  const renderSecondOptions = () => {\n    const {\n      name,\n      propsTitle,\n      title,\n      type,\n      className,\n      component,\n      props: fieldProps,\n    } = dataItem || {}\n    const target = value?.find((v) => v.key === name)\n    const Field = component || fieldsMap[type]\n\n    return (\n      <div onClick={(e) => e.stopPropagation()} className={className}>\n        <label>{propsTitle || title || name}</label>\n        {type === 'select' ? (\n          <SelectOpt {...fieldProps} onChange={onSelectChange} value={target?.value} />\n        ) : (\n          <div className={`${clsPrefix}-field-popover-content`} onClick={(e) => e.stopPropagation()}>\n            <Field\n              value={target?.value}\n              {...fieldProps}\n              style={{\n                ...fieldProps?.style,\n                width: fieldProps?.style?.width || getFieldWidth(type),\n              }}\n              onChange={onFieldChange}\n            />\n          </div>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <Popover\n      trigger=\"click\"\n      // onClick={(e) =>  e.stopPropagation()}\n      visible={visible}\n      placement=\"bottom\"\n      overlayClassName={`${clsPrefix}-field-popover`}\n      content={!dataItem ? renderFirstOptions() : renderSecondOptions()}\n      onVisibleChange={handleVisibleChange}\n      {...props}\n    >\n      {children}\n    </Popover>\n  )\n}\n"]}

package/es/query-form/Field/Composition/FieldPopover.less

@@ -1,35 +0,0 @@
-.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;
-  }
-}