tntd 3.0.41-beta.1 → 3.0.41

package/lib/water-mark/index.js

@@ -1,129 +1,217 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+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 __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Watermark = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importStar(require("react"));
+exports["default"] = exports.Watermark = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+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;
+}
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
 /**
  * 返回当前显示设备的物理像素分辨率与CSS像素分辨率之比
  *
  * @param context
  * @see api 有些废弃了，其实类型 CanvasRenderingContext2D
  */
-const getPixelRatio = (context) => {
-    if (!context) {
-        return 1;
-    }
-    const backingStore = context.backingStorePixelRatio ||
-        context.webkitBackingStorePixelRatio ||
-        context.mozBackingStorePixelRatio ||
-        context.msBackingStorePixelRatio ||
-        context.oBackingStorePixelRatio ||
-        1;
-    return (window.devicePixelRatio || 1) / backingStore;
+var getPixelRatio = function getPixelRatio(context) {
+  if (!context) {
+    return 1;
+  }
+  var backingStore = context.backingStorePixelRatio || context.webkitBackingStorePixelRatio || context.mozBackingStorePixelRatio || context.msBackingStorePixelRatio || context.oBackingStorePixelRatio || 1;
+  return (window.devicePixelRatio || 1) / backingStore;
 };
-const Watermark = (props) => {
-    const { children, style, className, markStyle, markClassName, 
-    // antd 内容层 zIndex 基本上在 10 以下 https://github.com/ant-design/ant-design/blob/6192403b2ce517c017f9e58a32d58774921c10cd/components/style/themes/default.less#L335
-    zIndex = 9, gapX = 212, gapY = 222, width = 120, height = 64, rotate = -22, // 默认旋转 -22 度
-    image, content, offsetLeft, offsetTop, fontStyle = 'normal', textAlign = 'center', fontWeight = 'normal', fontColor = 'rgba(0,0,0,.15)', fontSize = 14, fontFamily = 'sans-serif', prefixCls = 'tntd-watermark', } = props;
-    const wrapperCls = (0, classnames_1.default)([`${prefixCls}-wrapper`, className]);
-    const watermarkCls = (0, classnames_1.default)([prefixCls, markClassName]);
-    const [base64Url, setBase64Url] = (0, react_1.useState)('');
-    (0, react_1.useEffect)(() => {
-        const canvas = document.createElement('canvas');
-        const ctx = canvas.getContext('2d');
-        const ratio = getPixelRatio(ctx);
-        const canvasWidth = `${(gapX + width) * ratio}px`;
-        const canvasHeight = `${(gapY + height) * ratio}px`;
-        const canvasOffsetLeft = offsetLeft || gapX / 2;
-        const canvasOffsetTop = offsetTop || gapY / 2;
-        canvas.setAttribute('width', canvasWidth);
-        canvas.setAttribute('height', canvasHeight);
-        if (ctx) {
-            // 旋转字符 rotate
-            ctx.translate(canvasOffsetLeft * ratio, canvasOffsetTop * ratio);
-            ctx.rotate((Math.PI / 180) * Number(rotate));
-            const markWidth = width * ratio;
-            const markHeight = height * ratio;
-            if (image) {
-                const img = new Image();
-                img.crossOrigin = 'anonymous';
-                img.referrerPolicy = 'no-referrer';
-                img.src = image;
-                img.onload = () => {
-                    ctx.drawImage(img, 0, 0, markWidth, markHeight);
-                    setBase64Url(canvas.toDataURL());
-                };
-            }
-            else if (content) {
-                const markSize = Number(fontSize) * ratio;
-                ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
-                ctx.fillStyle = fontColor;
-                ctx.textAlign = textAlign;
-                if (Array.isArray(content)) {
-                    content === null || content === void 0 ? void 0 : content.forEach((item, index) => ctx.fillText(item, 0, index * markSize));
-                }
-                else {
-                    ctx.fillText(content, 0, 0);
-                }
-                setBase64Url(canvas.toDataURL());
-            }
-        }
-        else {
-            // eslint-disable-next-line no-console
-            console.error('当前环境不支持Canvas');
+var Watermark = exports.Watermark = function Watermark(props) {
+  var children = props.children,
+    style = props.style,
+    className = props.className,
+    markStyle = props.markStyle,
+    markClassName = props.markClassName,
+    _props$zIndex = props.zIndex,
+    zIndex = _props$zIndex === void 0 ? 9 : _props$zIndex,
+    _props$gapX = props.gapX,
+    gapX = _props$gapX === void 0 ? 212 : _props$gapX,
+    _props$gapY = props.gapY,
+    gapY = _props$gapY === void 0 ? 222 : _props$gapY,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 120 : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 64 : _props$height,
+    _props$rotate = props.rotate,
+    rotate = _props$rotate === void 0 ? -22 : _props$rotate,
+    image = props.image,
+    content = props.content,
+    offsetLeft = props.offsetLeft,
+    offsetTop = props.offsetTop,
+    _props$fontStyle = props.fontStyle,
+    fontStyle = _props$fontStyle === void 0 ? 'normal' : _props$fontStyle,
+    _props$textAlign = props.textAlign,
+    textAlign = _props$textAlign === void 0 ? 'center' : _props$textAlign,
+    _props$fontWeight = props.fontWeight,
+    fontWeight = _props$fontWeight === void 0 ? 'normal' : _props$fontWeight,
+    _props$fontColor = props.fontColor,
+    fontColor = _props$fontColor === void 0 ? 'rgba(0,0,0,.15)' : _props$fontColor,
+    _props$fontSize = props.fontSize,
+    fontSize = _props$fontSize === void 0 ? 14 : _props$fontSize,
+    _props$fontFamily = props.fontFamily,
+    fontFamily = _props$fontFamily === void 0 ? 'sans-serif' : _props$fontFamily,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'tntd-watermark' : _props$prefixCls;
+  var wrapperCls = (0, _classnames["default"])(["".concat(prefixCls, "-wrapper"), className]);
+  var watermarkCls = (0, _classnames["default"])([prefixCls, markClassName]);
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    base64Url = _useState2[0],
+    setBase64Url = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var canvas = document.createElement('canvas');
+    var ctx = canvas.getContext('2d');
+    var ratio = getPixelRatio(ctx);
+    var canvasWidth = "".concat((gapX + width) * ratio, "px");
+    var canvasHeight = "".concat((gapY + height) * ratio, "px");
+    var canvasOffsetLeft = offsetLeft || gapX / 2;
+    var canvasOffsetTop = offsetTop || gapY / 2;
+    canvas.setAttribute('width', canvasWidth);
+    canvas.setAttribute('height', canvasHeight);
+    if (ctx) {
+      // 旋转字符 rotate
+      ctx.translate(canvasOffsetLeft * ratio, canvasOffsetTop * ratio);
+      ctx.rotate(Math.PI / 180 * Number(rotate));
+      var markWidth = width * ratio;
+      var markHeight = height * ratio;
+      if (image) {
+        var img = new Image();
+        img.crossOrigin = 'anonymous';
+        img.referrerPolicy = 'no-referrer';
+        img.src = image;
+        img.onload = function () {
+          ctx.drawImage(img, 0, 0, markWidth, markHeight);
+          setBase64Url(canvas.toDataURL());
+        };
+      } else if (content) {
+        var markSize = Number(fontSize) * ratio;
+        ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(markSize, "px/").concat(markHeight, "px ").concat(fontFamily);
+        ctx.fillStyle = fontColor;
+        ctx.textAlign = textAlign;
+        if (Array.isArray(content)) {
+          content === null || content === void 0 ? void 0 : content.forEach(function (item, index) {
+            return ctx.fillText(item, 0, index * markSize);
+          });
+        } else {
+          ctx.fillText(content, 0, 0);
         }
-    }, [
-        gapX,
-        gapY,
-        offsetLeft,
-        offsetTop,
-        rotate,
-        fontStyle,
-        textAlign,
-        fontWeight,
-        width,
-        height,
-        fontFamily,
-        fontColor,
-        image,
-        content,
-        fontSize,
-    ]);
-    return (react_1.default.createElement("div", { style: Object.assign({ position: 'relative' }, style), className: wrapperCls },
-        children,
-        react_1.default.createElement("div", { className: watermarkCls, style: Object.assign(Object.assign({ zIndex, position: 'absolute', left: 0, top: 0, width: '100%', height: '100%', backgroundSize: `${gapX + width}px`, pointerEvents: 'none', backgroundRepeat: 'repeat' }, (base64Url
-                ? {
-                    backgroundImage: `url('${base64Url}')`,
-                }
-                : {})), markStyle) })));
+        setBase64Url(canvas.toDataURL());
+      }
+    } else {
+      // eslint-disable-next-line no-console
+      console.error('当前环境不支持Canvas');
+    }
+  }, [gapX, gapY, offsetLeft, offsetTop, rotate, fontStyle, textAlign, fontWeight, width, height, fontFamily, fontColor, image, content, fontSize]);
+  return _react["default"].createElement("div", {
+    style: Object.assign({
+      position: 'relative'
+    }, style),
+    className: wrapperCls
+  }, children, _react["default"].createElement("div", {
+    className: watermarkCls,
+    style: Object.assign(Object.assign({
+      zIndex: zIndex,
+      position: 'absolute',
+      left: 0,
+      top: 0,
+      width: '100%',
+      height: '100%',
+      backgroundSize: "".concat(gapX + width, "px"),
+      pointerEvents: 'none',
+      backgroundRepeat: 'repeat'
+    }, base64Url ? {
+      backgroundImage: "url('".concat(base64Url, "')")
+    } : {}), markStyle)
+  }));
 };
-exports.Watermark = Watermark;
-exports.default = exports.Watermark;
-//# sourceMappingURL=index.js.map
+var _default = exports["default"] = Watermark;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "3.0.41-beta.1",
+    "version": "3.0.41",
     "license": "MIT",
     "scripts": {
         "start": "heft start --storybook",
@@ -62,7 +62,6 @@
         "react": "~16.14.0",
         "react-dom": "~16.14.0",
         "jest": "~28.1.0",
-        "eslint-plugin-react": "^7.*.*",
         "eslint-plugin-react-hooks": "~4.3.0",
         "eslint": "~8.11.0",
         "eslint-plugin-import": "~2.25.4",
@@ -114,4 +113,4 @@
     "main": "lib/index.js",
     "module": "es/index.js",
     "typings": "lib/index.d.ts"
-}
+}

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

@@ -1,224 +0,0 @@
-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, forwardRef, useImperativeHandle } from 'react';
-import { cloneDeep, filter, find, get } from 'lodash';
-import { Empty } from '../../../empty';
-import Popover from '../../../popover';
-import Ellipsis from '../../../ellipsis';
-import SelectOpt from './Select';
-import { highlightSubstring, formatLabel, isInput } from './utils';
-import fieldsMap from '../fieldsMap';
-import SelectInput from './SelectInput';
-import './FieldPopover.less';
-const FieldPopover = (_a, ref) => {
-    var { visible, setVisible, searchText, children, value, regex, fieldItems, propItem, setFieldItem, onChange, form, locale, clsPrefix } = _a, props = __rest(_a, ["visible", "setVisible", "searchText", "children", "value", "regex", "fieldItems", "propItem", "setFieldItem", "onChange", "form", "locale", "clsPrefix"]);
-    const [searchTarget, setSearchTarget] = useState(undefined);
-    const [popoverContent, setPopoverContent] = useState(false);
-    const onPropsClick = (props) => {
-        const { type = 'input', name, pName, cName, component } = props || {};
-        const copyValue = cloneDeep(value);
-        if (!pName && !(copyValue === null || copyValue === void 0 ? void 0 : copyValue.find((v) => v.key === name))) {
-            copyValue.push({
-                key: name,
-                value: type === 'array' ? [] : undefined,
-            });
-        }
-        setFieldItem(props);
-        if (isInput(type) && !component) {
-            let target;
-            if (pName) {
-                target = copyValue.find((v) => v.key === pName && !!get(v.value, cName)) || {
-                    key: pName,
-                    value: { [cName]: undefined },
-                };
-            }
-            else {
-                target = copyValue.find((v) => v.key === props.name);
-            }
-            onChange(target, true);
-            close();
-            return;
-        }
-        setVisible(true);
-        setPopoverContent(true);
-        onChange(copyValue);
-    };
-    useImperativeHandle(ref, () => ({
-        onPropsClick,
-    }));
-    const onSelectChange = (v, isMultiple) => {
-        var _a, _b, _c, _d;
-        const propObj = (v === null || v === void 0 ? void 0 : v.propItem) || propItem || {};
-        const { props: fieldProps } = propObj; // 直接搜索拿v.xx的值
-        const copyValue = cloneDeep(value || []);
-        let index;
-        if (v === null || v === void 0 ? void 0 : v.propItem) {
-            // 模糊搜索
-            const _index = copyValue.findIndex((vv) => { var _a; return vv.key === ((_a = v.propItem) === null || _a === void 0 ? void 0 : _a.name); });
-            if (_index > -1) {
-                index = _index;
-            }
-            else {
-                copyValue.push({
-                    key: (_a = v.propItem) === null || _a === void 0 ? void 0 : _a.name,
-                    value: isMultiple ? [] : '',
-                });
-                index = copyValue.length - 1;
-            }
-            setFieldItem(v.propItem);
-        }
-        else {
-            // 选择值
-            index = copyValue.findIndex((v) => v.key === (propItem === null || propItem === void 0 ? void 0 : propItem.name));
-        }
-        if (isMultiple) {
-            if (!((_c = (_b = copyValue[index]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.length)) {
-                copyValue[index].value = [v === null || v === void 0 ? void 0 : v.value];
-            }
-            else {
-                if (((_d = copyValue[index].value) === null || _d === void 0 ? void 0 : _d.indexOf(v.value)) > -1) {
-                    copyValue[index].value = copyValue[index].value.filter((val) => val !== v.value);
-                }
-                else {
-                    copyValue[index].value.push(v.value);
-                }
-            }
-            // 如果是模糊搜索-展开多选项
-            if (v === null || v === void 0 ? void 0 : v.propItem) {
-                setFieldItem(v === null || v === void 0 ? void 0 : v.propItem);
-                setVisible(true);
-                setPopoverContent(true);
-            }
-        }
-        else {
-            copyValue[index].value = v === null || v === void 0 ? void 0 : v.value;
-            close();
-        }
-        onChange(copyValue, false, true);
-        (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.onChange) && fieldProps.onChange(copyValue[index].value);
-    };
-    const onFieldChange = (...args) => {
-        var _a;
-        const { type = 'input', component, props: fieldProps } = propItem || {};
-        const copyValue = cloneDeep(value);
-        const index = copyValue.findIndex((v) => v.key === (propItem === null || propItem === void 0 ? void 0 : propItem.name));
-        copyValue[index].value = args[0];
-        if (['date', 'checkbox'].includes(type) || (type === 'dateRange' && ((_a = args[1]) === null || _a === void 0 ? void 0 : _a[1]))) {
-            close();
-        }
-        onChange(copyValue, false, args[0] !== undefined, type !== 'selectInput');
-        (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.onChange) && fieldProps.onChange(copyValue[index].value);
-    };
-    const close = () => {
-        setVisible(false);
-        setTimeout(() => {
-            setFieldItem();
-            setPopoverContent(false);
-        }, 1);
-    };
-    const handleVisibleChange = () => {
-        if (!visible && !regex.test(searchText)) {
-            setVisible(true);
-        }
-        else {
-            close();
-        }
-    };
-    useEffect(() => {
-        let bool1 = false, bool2 = false;
-        if (searchText && !propItem) {
-            fieldItems === null || fieldItems === void 0 ? void 0 : fieldItems.forEach((v) => {
-                const { name, propsTitle, title, type = 'input', 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 (React.isValidElement(label) ? formatLabel(label) : label).indexOf(searchText) > -1;
-                });
-                if (target) {
-                    bool2 = true;
-                }
-            });
-            setSearchTarget(!bool2 && !bool1 ? null : { propsTitle: bool1, propsValue: bool2 });
-        }
-        else {
-            setSearchTarget(undefined);
-        }
-    }, [fieldItems, searchText, propItem]);
-    const renderFirstOptions = () => {
-        const firstItems = searchText
-            ? filter(fieldItems, (v) => {
-                const { name, propsTitle, title } = v.props || {};
-                const _propsTitle = propsTitle || title || name;
-                return (_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1;
-            })
-            : fieldItems;
-        const secondItems = searchText
-            ? filter(fieldItems, (v) => {
-                const { type = 'input', props } = v.props || {};
-                const { options, loadData, fieldNames } = props || {};
-                return (type === 'select' &&
-                    !loadData &&
-                    !!find(options, (item) => {
-                        const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
-                        const label = item instanceof Object ? item[labelKey] : item + '';
-                        const isReactDom = React.isValidElement(label);
-                        const _label = isReactDom ? formatLabel(label) : label;
-                        return (_label === null || _label === void 0 ? void 0 : _label.indexOf(searchText)) > -1;
-                    }));
-            })
-            : [];
-        return (React.createElement("div", null,
-            firstItems.length > 0 && (React.createElement(React.Fragment, 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" }, firstItems.map((v) => {
-                    const { name, propsTitle, title, type, props } = v.props || {};
-                    const _propsTitle = propsTitle || title || name;
-                    return (React.createElement("li", { className: "ant-select-dropdown-menu-item", key: name, value: name, onMouseDown: (e) => e.preventDefault(), onClick: () => {
-                            onPropsClick(v.props);
-                        } },
-                        React.createElement(Ellipsis, { widthLimit: 220, title: searchText ? (React.createElement("span", { dangerouslySetInnerHTML: {
-                                    __html: highlightSubstring(_propsTitle, searchText),
-                                } })) : (_propsTitle) })));
-                })))),
-            secondItems.length > 0 && (React.createElement("div", null,
-                (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsValue) && React.createElement("label", null, locale.propValue), fieldItems === null || fieldItems === void 0 ? void 0 :
-                fieldItems.map((v) => {
-                    const { name, type = 'input', props } = v.props || {};
-                    const target = value === null || value === void 0 ? void 0 : value.find((v) => v.key === name);
-                    if (type === 'select') {
-                        return (React.createElement(SelectOpt, Object.assign({ key: name }, props, { searchText: searchText, propItem: v.props, onChange: onSelectChange, value: target === null || target === void 0 ? void 0 : target.value })));
-                    }
-                    return;
-                }))),
-            !firstItems.length && !secondItems.length && React.createElement(Empty, { size: "mini" })));
-    };
-    const renderSecondOptions = () => {
-        var _a;
-        const { name, propsTitle, title, type = 'input', className, component, props: fieldProps, } = propItem || {};
-        const target = value === null || value === void 0 ? void 0 : value.find((v) => v.key === name);
-        const isSelectInput = type === 'selectInput';
-        const Field = isSelectInput ? SelectInput : component || fieldsMap[type] || (() => null);
-        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, { searchText: searchText, propItem: propItem, onChange: onSelectChange, value: target === null || target === void 0 ? void 0 : target.value, showEmpty: true }))) : (React.createElement("div", { className: `${clsPrefix}-field-popover-content`, onClick: (e) => e.stopPropagation() },
-                React.createElement(Field, Object.assign({ form: form, 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) || (isSelectInput ? '361px' : '250px') }), close: close, onChange: onFieldChange, name: name }))))));
-    };
-    return (React.createElement(Popover, Object.assign({ trigger: "click", visible: visible, overlayClassName: `${clsPrefix}-field-popover`, content: !popoverContent ? renderFirstOptions() : renderSecondOptions(), onVisibleChange: handleVisibleChange }, props), children));
-};
-export default forwardRef(FieldPopover);
-//# sourceMappingURL=FieldPopover.js.map

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, forwardRef, useImperativeHandle } from 'react'\nimport { cloneDeep, filter, find, get } from 'lodash'\nimport { Empty } from '../../../empty'\nimport Popover from '../../../popover'\nimport Ellipsis from '../../../ellipsis'\nimport SelectOpt from './Select'\nimport { highlightSubstring, formatLabel, isInput } from './utils'\nimport fieldsMap from '../fieldsMap'\nimport SelectInput from './SelectInput'\nimport './FieldPopover.less'\n\nconst FieldPopover = (\n  {\n    visible,\n    setVisible,\n    searchText,\n    children,\n    value,\n    regex,\n    fieldItems,\n    propItem,\n    setFieldItem,\n    onChange,\n    form,\n    locale,\n    clsPrefix,\n    ...props\n  },\n  ref\n) => {\n  const [searchTarget, setSearchTarget] = useState(undefined)\n  const [popoverContent, setPopoverContent] = useState(false)\n\n  const onPropsClick = (props) => {\n    const { type = 'input', name, pName, cName, component } = props || {}\n    const copyValue = cloneDeep(value)\n    if (!pName && !copyValue?.find((v) => v.key === name)) {\n      copyValue.push({\n        key: name,\n        value: type === 'array' ? [] : undefined,\n      })\n    }\n    setFieldItem(props)\n    if (isInput(type) && !component) {\n      let target\n      if (pName) {\n        target = copyValue.find((v) => v.key === pName && !!get(v.value, cName)) || {\n          key: pName,\n          value: { [cName]: undefined },\n        }\n      } else {\n        target = copyValue.find((v) => v.key === props.name)\n      }\n      onChange(target, true)\n      close()\n      return\n    }\n    setVisible(true)\n    setPopoverContent(true)\n    onChange(copyValue)\n  }\n\n  useImperativeHandle(ref, () => ({\n    onPropsClick,\n  }))\n\n  const onSelectChange = (v, isMultiple) => {\n    const propObj = v?.propItem || propItem || {}\n    const { props: fieldProps } = propObj // 直接搜索拿v.xx的值\n    const copyValue = cloneDeep(value || [])\n    let index\n    if (v?.propItem) {\n      // 模糊搜索\n      const _index = copyValue.findIndex((vv) => vv.key === v.propItem?.name)\n      if (_index > -1) {\n        index = _index\n      } else {\n        copyValue.push({\n          key: v.propItem?.name,\n          value: isMultiple ? [] : '',\n        })\n        index = copyValue.length - 1\n      }\n      setFieldItem(v.propItem)\n    } else {\n      // 选择值\n      index = copyValue.findIndex((v) => v.key === propItem?.name)\n    }\n\n    if (isMultiple) {\n      if (!copyValue[index]?.value?.length) {\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        } else {\n          copyValue[index].value.push(v.value)\n        }\n      }\n      // 如果是模糊搜索-展开多选项\n      if (v?.propItem) {\n        setFieldItem(v?.propItem)\n        setVisible(true)\n        setPopoverContent(true)\n      }\n    } else {\n      copyValue[index].value = v?.value\n      close()\n    }\n    onChange(copyValue, false, true)\n    fieldProps?.onChange && fieldProps.onChange(copyValue[index].value)\n  }\n\n  const onFieldChange = (...args) => {\n    const { type = 'input', component, props: fieldProps } = propItem || {}\n    const copyValue = cloneDeep(value)\n    const index = copyValue.findIndex((v) => v.key === propItem?.name)\n    copyValue[index].value = args[0]\n    if (['date', 'checkbox'].includes(type) || (type === 'dateRange' && args[1]?.[1])) {\n      close()\n    }\n    onChange(copyValue, false, args[0] !== undefined, type !== 'selectInput')\n    fieldProps?.onChange && fieldProps.onChange(copyValue[index].value)\n  }\n\n  const close = () => {\n    setVisible(false)\n    setTimeout(() => {\n      setFieldItem()\n      setPopoverContent(false)\n    }, 1)\n  }\n  const handleVisibleChange = () => {\n    if (!visible && !regex.test(searchText)) {\n      setVisible(true)\n    } else {\n      close()\n    }\n  }\n\n  useEffect(() => {\n    let bool1 = false,\n      bool2 = false\n\n    if (searchText && !propItem) {\n      fieldItems?.forEach((v) => {\n        const { name, propsTitle, title, type = 'input', 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 (React.isValidElement(label) ? formatLabel(label) : 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(undefined)\n    }\n  }, [fieldItems, searchText, propItem])\n\n  const renderFirstOptions = () => {\n    const firstItems = searchText\n      ? filter(fieldItems, (v) => {\n          const { name, propsTitle, title } = v.props || {}\n          const _propsTitle = propsTitle || title || name\n          return _propsTitle?.indexOf(searchText) > -1\n        })\n      : fieldItems\n    const secondItems = searchText\n      ? filter(fieldItems, (v) => {\n          const { type = 'input', props } = v.props || {}\n          const { options, loadData, fieldNames } = props || {}\n          return (\n            type === 'select' &&\n            !loadData &&\n            !!find(options, (item) => {\n              const labelKey = fieldNames?.label || 'label'\n              const label = item instanceof Object ? item[labelKey] : item + ''\n              const isReactDom = React.isValidElement(label)\n              const _label = isReactDom ? formatLabel(label) : label\n              return _label?.indexOf(searchText) > -1\n            })\n          )\n        })\n      : []\n    return (\n      <div>\n        {firstItems.length > 0 && (\n          <>\n            {(!searchText || searchTarget?.propsTitle) && <label>{locale.propTitle}</label>}\n            <ul className=\"ant-select-dropdown-menu\">\n              {firstItems.map((v) => {\n                const { name, propsTitle, title, type, props } = v.props || {}\n                const _propsTitle = propsTitle || title || name\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                    <Ellipsis\n                      widthLimit={220}\n                      title={\n                        searchText ? (\n                          <span\n                            dangerouslySetInnerHTML={{\n                              __html: highlightSubstring(_propsTitle, searchText),\n                            }}\n                          />\n                        ) : (\n                          _propsTitle\n                        )\n                      }\n                    />\n                  </li>\n                )\n              })}\n            </ul>\n          </>\n        )}\n\n        {/* 可以对下拉框值筛选 */}\n        {secondItems.length > 0 && (\n          <div>\n            {searchTarget?.propsValue && <label>{locale.propValue}</label>}\n            {fieldItems?.map((v) => {\n              const { name, type = 'input', props } = v.props || {}\n              const target = value?.find((v) => v.key === name)\n              if (type === 'select') {\n                return (\n                  <SelectOpt\n                    key={name}\n                    {...props}\n                    searchText={searchText}\n                    propItem={v.props}\n                    onChange={onSelectChange}\n                    value={target?.value}\n                  />\n                )\n              }\n              return\n            })}\n          </div>\n        )}\n        {!firstItems.length && !secondItems.length && <Empty size=\"mini\" />}\n      </div>\n    )\n  }\n\n  const renderSecondOptions = () => {\n    const {\n      name,\n      propsTitle,\n      title,\n      type = 'input',\n      className,\n      component,\n      props: fieldProps,\n    } = propItem || {}\n    const target = value?.find((v) => v.key === name)\n    const isSelectInput = type === 'selectInput'\n    const Field = isSelectInput ? SelectInput : component || fieldsMap[type] || (() => null)\n    return (\n      <div onClick={(e) => e.stopPropagation()} className={className}>\n        <label>{propsTitle || title || name}</label>\n        {type === 'select' ? (\n          <SelectOpt\n            {...fieldProps}\n            searchText={searchText}\n            propItem={propItem}\n            onChange={onSelectChange}\n            value={target?.value}\n            showEmpty\n          />\n        ) : (\n          <div\n            className={`${clsPrefix}-field-popover-content`}\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Field\n              form={form}\n              value={target?.value}\n              {...fieldProps}\n              style={{\n                ...fieldProps?.style,\n                width: fieldProps?.style?.width || (isSelectInput ? '361px' : '250px'),\n              }}\n              close={close}\n              onChange={onFieldChange}\n              name={name}\n            />\n          </div>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <Popover\n      trigger=\"click\"\n      visible={visible}\n      overlayClassName={`${clsPrefix}-field-popover`}\n      content={!popoverContent ? renderFirstOptions() : renderSecondOptions()}\n      onVisibleChange={handleVisibleChange}\n      {...props}\n    >\n      {children}\n    </Popover>\n  )\n}\nexport default forwardRef(FieldPopover)\n"]}