@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/LogicTree/index.js

@@ -1,145 +1,102 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useControllableValue } from 'ahooks';
-import classNames from 'classnames';
-import _ from 'lodash';
-import React, { useCallback, useState } from 'react';
-import { DndProvider } from 'react-dnd';
-import { HTML5Backend } from 'react-dnd-html5-backend';
-import { getUniqId } from "../_utils/getUniqId";
-import DisplayLogicTree from "./DisplayLogicTree";
-import LogicItem from "./components/LogicItem";
-import { addLogicNode, addRecordNode, changeRecordData, changeRelation, findNodeById, findParentNodeById, isDescendant, removeNode } from "./helper";
-import { ELogicType, ENodeType } from "./type";
-export { DisplayLogicTree, ELogicType, ENodeType };
-export var EPutPosition = /*#__PURE__*/function (EPutPosition) {
-  EPutPosition["TOP"] = "TOP";
-  EPutPosition["BOTTOM"] = "BOTTOM";
-  return EPutPosition;
+import { cn } from "../lib/utils.js";
+/* empty css           */
+import { getUniqId } from "../_utils/getUniqId.js";
+import { ELogicType, ENodeType } from "./type.js";
+import LogicItem from "./components/LogicItem/index.js";
+import { addLogicNode, addRecordNode, changeRecordData, changeRelation, findNodeById, findParentNodeById, isDescendant, removeNode } from "./helper.js";
+import "./DisplayLogicTree.js";
+import { useCallback, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import _ from "lodash";
+import { useControllableValue } from "ahooks";
+import { DndProvider } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+//#region src/LogicTree/index.tsx
+var EPutPosition = /* @__PURE__ */ function(EPutPosition) {
+	EPutPosition["TOP"] = "TOP";
+	EPutPosition["BOTTOM"] = "BOTTOM";
+	return EPutPosition;
 }({});
-export default function LogicTree(props) {
-  var newInitializationData = props.newInitializationData,
-    propsOnChange = props.onChange,
-    renderCondition = props.renderCondition,
-    rootNodeAllowedEmpty = props.rootNodeAllowedEmpty,
-    className = props.className,
-    _props$needDndProvide = props.needDndProvider,
-    needDndProvider = _props$needDndProvide === void 0 ? false : _props$needDndProvide,
-    hideBottomBtn = props.hideBottomBtn;
-  var initialNode = {
-    id: getUniqId(),
-    type: ENodeType.LOGIC,
-    logicType: ELogicType.AND,
-    nodes: [{
-      id: getUniqId(),
-      type: ENodeType.RECORD,
-      data: newInitializationData
-    }]
-  };
-  var _useControllableValue = useControllableValue(props.value ? {
-      value: props.value
-    } : {}, {
-      defaultValue: initialNode
-    }),
-    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
-    innerValue = _useControllableValue2[0],
-    setInnerValue = _useControllableValue2[1];
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    hoverItemId = _useState2[0],
-    setHoverItemId = _useState2[1];
-  var changeInnerValue = useCallback(function (newValue) {
-    setInnerValue(newValue);
-    propsOnChange(newValue);
-  }, [propsOnChange, setInnerValue]);
-  var onAddCondition = function onAddCondition(id) {
-    var newRootNode = addRecordNode(id, innerValue, newInitializationData);
-    changeInnerValue(newRootNode);
-  };
-  var onAddRelation = function onAddRelation(id) {
-    var newRootNode = addLogicNode(id, innerValue, newInitializationData);
-    changeInnerValue(newRootNode);
-  };
-  var onChangeRelation = function onChangeRelation(id, logicType) {
-    var newRootNode = changeRelation(id, logicType, innerValue);
-    changeInnerValue(newRootNode);
-  };
-  var onRemove = function onRemove(id) {
-    var newRootNode = removeNode(id, innerValue, initialNode, rootNodeAllowedEmpty);
-    changeInnerValue(newRootNode);
-  };
-  var onChangeRecordData = function onChangeRecordData(id, data) {
-    var newRootNode = changeRecordData(id, data, innerValue);
-    changeInnerValue(newRootNode);
-  };
-  var moveNode = useCallback(function (dragId, hoverId, dropPosition) {
-    var newRootNode = _.cloneDeep(innerValue);
-    var dragNode = findNodeById(dragId, newRootNode);
-    var hoverNode = findNodeById(hoverId, newRootNode);
-    if (dragNode && hoverNode) {
-      if (isDescendant(hoverId, dragNode)) {
-        return;
-      }
-      var dragParent = findParentNodeById(dragId, newRootNode);
-      var hoverParent = findParentNodeById(hoverId, newRootNode);
-      if (dragParent && hoverParent) {
-        // 从原位置移除节点
-        dragParent.nodes = dragParent.nodes.filter(function (node) {
-          return node.id !== dragId;
-        });
+function LogicTree(props) {
+	const { newInitializationData, onChange: propsOnChange, renderCondition, rootNodeAllowedEmpty, className, needDndProvider = false, hideBottomBtn } = props;
+	const initialNode = {
+		id: getUniqId(),
+		type: ENodeType.LOGIC,
+		logicType: ELogicType.AND,
+		nodes: [{
+			id: getUniqId(),
+			type: ENodeType.RECORD,
+			data: newInitializationData
+		}]
+	};
+	const [innerValue, setInnerValue] = useControllableValue(props.value ? { value: props.value } : {}, { defaultValue: initialNode });
+	const [hoverItemId, setHoverItemId] = useState("");
+	const changeInnerValue = useCallback((newValue) => {
+		setInnerValue(newValue);
+		propsOnChange(newValue);
+	}, [propsOnChange, setInnerValue]);
+	const onAddCondition = (id) => {
+		changeInnerValue(addRecordNode(id, innerValue, newInitializationData));
+	};
+	const onAddRelation = (id) => {
+		changeInnerValue(addLogicNode(id, innerValue, newInitializationData));
+	};
+	const onChangeRelation = (id, logicType) => {
+		changeInnerValue(changeRelation(id, logicType, innerValue));
+	};
+	const onRemove = (id) => {
+		changeInnerValue(removeNode(id, innerValue, initialNode, rootNodeAllowedEmpty));
+	};
+	const onChangeRecordData = (id, data) => {
+		changeInnerValue(changeRecordData(id, data, innerValue));
+	};
+	const moveNode = useCallback((dragId, hoverId, dropPosition) => {
+		const newRootNode = _.cloneDeep(innerValue);
+		const dragNode = findNodeById(dragId, newRootNode);
+		const hoverNode = findNodeById(hoverId, newRootNode);
+		if (dragNode && hoverNode) {
+			if (isDescendant(hoverId, dragNode)) return;
+			const dragParent = findParentNodeById(dragId, newRootNode);
+			const hoverParent = findParentNodeById(hoverId, newRootNode);
+			if (dragParent && hoverParent) {
+				dragParent.nodes = dragParent.nodes.filter((node) => node.id !== dragId);
+				if (dragParent.nodes.length === 0) {
+					const grandParent = findParentNodeById(dragParent.id, newRootNode);
+					if (grandParent) grandParent.nodes = grandParent.nodes.filter((node) => node.id !== dragParent.id);
+					else dragParent.nodes = [];
+				}
+				const hoverIndex = hoverParent.nodes.findIndex((node) => node.id === hoverId);
+				const newIndex = dropPosition === EPutPosition.TOP ? hoverIndex : hoverIndex + 1;
+				hoverParent.nodes.splice(newIndex, 0, dragNode);
+				changeInnerValue(newRootNode);
+			}
+		}
+	}, [innerValue, changeInnerValue]);
+	if (!innerValue) return null;
+	const content = /* @__PURE__ */ jsx("div", {
+		className: cn("ald-logic-tree-wrap", className),
+		children: /* @__PURE__ */ jsx(LogicItem, {
+			value: innerValue,
+			addCondition: onAddCondition,
+			addRelation: onAddRelation,
+			remove: onRemove,
+			changeRecordData: onChangeRecordData,
+			renderCondition,
+			changeRelation: onChangeRelation,
+			onDragEnd: moveNode,
+			hoverId: hoverItemId,
+			setHoverId: setHoverItemId,
+			isRoot: true,
+			hideBottomBtn
+		})
+	});
+	if (!needDndProvider) return content;
+	return /* @__PURE__ */ jsx(DndProvider, {
+		backend: HTML5Backend,
+		children: content
+	});
+}
+//#endregion
+export { EPutPosition, LogicTree as default };
 
-        // 如果拖拽父节点为空，处理删除逻辑
-        if (dragParent.nodes.length === 0) {
-          var grandParent = findParentNodeById(dragParent.id, newRootNode);
-          if (grandParent) {
-            grandParent.nodes = grandParent.nodes.filter(function (node) {
-              return node.id !== dragParent.id;
-            });
-          } else {
-            dragParent.nodes = [];
-          }
-        }
-
-        // 插入到新位置
-        var hoverIndex = hoverParent.nodes.findIndex(function (node) {
-          return node.id === hoverId;
-        });
-        var newIndex = dropPosition === EPutPosition.TOP ? hoverIndex : hoverIndex + 1;
-        hoverParent.nodes.splice(newIndex, 0, dragNode);
-
-        // 更新状态
-        changeInnerValue(newRootNode);
-      }
-    }
-  }, [innerValue, changeInnerValue]);
-  if (!innerValue) {
-    return null;
-  }
-  var content = /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-logic-tree-wrap', className)
-  }, /*#__PURE__*/React.createElement(LogicItem, {
-    value: innerValue,
-    addCondition: onAddCondition,
-    addRelation: onAddRelation,
-    remove: onRemove,
-    changeRecordData: onChangeRecordData,
-    renderCondition: renderCondition,
-    changeRelation: onChangeRelation,
-    onDragEnd: moveNode,
-    hoverId: hoverItemId,
-    setHoverId: setHoverItemId,
-    isRoot: true // 将最顶层的LogicItem标记为根节点
-    ,
-    hideBottomBtn: hideBottomBtn
-  }));
-  if (!needDndProvider) {
-    return content;
-  }
-  return /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, content);
-}
+//# sourceMappingURL=index.js.map

package/dist/LogicTree/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/LogicTree/index.tsx"],"sourcesContent":["import { useControllableValue } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport './logic-tree.css';\nimport _ from 'lodash';\nimport React, { useCallback, useState } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { getUniqId } from '../_utils/getUniqId';\nimport LogicItem from './components/LogicItem';\nimport {\n  addLogicNode,\n  addRecordNode,\n  changeRecordData,\n  changeRelation,\n  findNodeById,\n  findParentNodeById,\n  isDescendant,\n  removeNode,\n} from './helper';\nimport { ELogicType, ENodeType, type TNode } from './type';\n\nexport { default as DisplayLogicTree } from './DisplayLogicTree';\nexport * from './type';\n\nexport enum EPutPosition {\n  TOP = 'TOP',\n  BOTTOM = 'BOTTOM',\n}\n\nexport type TRenderCondition<T> = (\n  data: T,\n  { changeData }: { changeData: (data: T) => void },\n) => React.ReactNode;\n\ninterface IProps<T> {\n  newInitializationData: T;\n  onChange: (value: TNode<T>) => void;\n  value?: TNode<T>;\n  renderCondition: TRenderCondition<T>;\n  rootNodeAllowedEmpty?: boolean;\n  className?: string;\n  needDndProvider?: boolean;\n  hideBottomBtn?: {\n    addRelation?: boolean;\n  };\n}\n\nexport default function LogicTree<T>(props: IProps<T>) {\n  const {\n    newInitializationData,\n    onChange: propsOnChange,\n    renderCondition,\n    rootNodeAllowedEmpty,\n    className,\n    needDndProvider = false,\n    hideBottomBtn,\n  } = props;\n  const initialNode: TNode<T> = {\n    id: getUniqId(),\n    type: ENodeType.LOGIC,\n    logicType: ELogicType.AND,\n    nodes: [\n      {\n        id: getUniqId(),\n        type: ENodeType.RECORD,\n        data: newInitializationData,\n      },\n    ],\n  };\n\n  const [innerValue, setInnerValue] = useControllableValue<TNode<T>>(\n    props.value ? { value: props.value } : {},\n    {\n      defaultValue: initialNode,\n    },\n  );\n  const [hoverItemId, setHoverItemId] = useState<string>('');\n\n  const changeInnerValue = useCallback(\n    (newValue: TNode<T>) => {\n      setInnerValue(newValue);\n      propsOnChange(newValue);\n    },\n    [propsOnChange, setInnerValue],\n  );\n\n  const onAddCondition = (id: string) => {\n    const newRootNode = addRecordNode(id, innerValue, newInitializationData);\n    changeInnerValue(newRootNode);\n  };\n\n  const onAddRelation = (id: string) => {\n    const newRootNode = addLogicNode(id, innerValue, newInitializationData);\n    changeInnerValue(newRootNode);\n  };\n\n  const onChangeRelation = (id: string, logicType: ELogicType) => {\n    const newRootNode = changeRelation(id, logicType, innerValue);\n    changeInnerValue(newRootNode);\n  };\n\n  const onRemove = (id: string) => {\n    const newRootNode = removeNode(\n      id,\n      innerValue,\n      initialNode,\n      rootNodeAllowedEmpty,\n    );\n    changeInnerValue(newRootNode);\n  };\n\n  const onChangeRecordData = (id: string, data: T) => {\n    const newRootNode = changeRecordData(id, data, innerValue);\n    changeInnerValue(newRootNode);\n  };\n\n  const moveNode = useCallback(\n    (dragId: string, hoverId: string, dropPosition: EPutPosition) => {\n      const newRootNode = _.cloneDeep(innerValue);\n      const dragNode = findNodeById(dragId, newRootNode);\n      const hoverNode = findNodeById(hoverId, newRootNode);\n\n      if (dragNode && hoverNode) {\n        if (isDescendant(hoverId, dragNode)) {\n          return;\n        }\n\n        const dragParent = findParentNodeById(dragId, newRootNode);\n        const hoverParent = findParentNodeById(hoverId, newRootNode);\n\n        if (dragParent && hoverParent) {\n          // 从原位置移除节点\n          dragParent.nodes = dragParent.nodes.filter(\n            (node) => node.id !== dragId,\n          );\n\n          // 如果拖拽父节点为空，处理删除逻辑\n          if (dragParent.nodes.length === 0) {\n            const grandParent = findParentNodeById(dragParent.id, newRootNode);\n            if (grandParent) {\n              grandParent.nodes = grandParent.nodes.filter(\n                (node) => node.id !== dragParent.id,\n              );\n            } else {\n              dragParent.nodes = [];\n            }\n          }\n\n          // 插入到新位置\n          const hoverIndex = hoverParent.nodes.findIndex(\n            (node) => node.id === hoverId,\n          );\n          const newIndex =\n            dropPosition === EPutPosition.TOP ? hoverIndex : hoverIndex + 1;\n          hoverParent.nodes.splice(newIndex, 0, dragNode);\n\n          // 更新状态\n          changeInnerValue(newRootNode);\n        }\n      }\n    },\n    [innerValue, changeInnerValue],\n  );\n\n  if (!innerValue) {\n    return null;\n  }\n\n  const content = (\n    <div className={cn('ald-logic-tree-wrap', className)}>\n      <LogicItem\n        value={innerValue}\n        addCondition={onAddCondition}\n        addRelation={onAddRelation}\n        remove={onRemove}\n        changeRecordData={onChangeRecordData}\n        renderCondition={renderCondition}\n        changeRelation={onChangeRelation}\n        onDragEnd={moveNode}\n        hoverId={hoverItemId}\n        setHoverId={setHoverItemId}\n        isRoot={true} // 将最顶层的LogicItem标记为根节点\n        hideBottomBtn={hideBottomBtn}\n      />\n    </div>\n  );\n\n  if (!needDndProvider) {\n    return content;\n  }\n\n  return <DndProvider backend={HTML5Backend}>{content}</DndProvider>;\n}\n"],"mappings":";;;;;;;;;;;;;;AAwBA,IAAY,eAAL,yBAAA,cAAA;AACL,cAAA,SAAA;AACA,cAAA,YAAA;;KACD;AAoBD,SAAwB,UAAa,OAAkB;CACrD,MAAM,EACJ,uBACA,UAAU,eACV,iBACA,sBACA,WACA,kBAAkB,OAClB,kBACE;CACJ,MAAM,cAAwB;EAC5B,IAAI,WAAW;EACf,MAAM,UAAU;EAChB,WAAW,WAAW;EACtB,OAAO,CACL;GACE,IAAI,WAAW;GACf,MAAM,UAAU;GAChB,MAAM;GACP,CACF;EACF;CAED,MAAM,CAAC,YAAY,iBAAiB,qBAClC,MAAM,QAAQ,EAAE,OAAO,MAAM,OAAO,GAAG,EAAE,EACzC,EACE,cAAc,aACf,CACF;CACD,MAAM,CAAC,aAAa,kBAAkB,SAAiB,GAAG;CAE1D,MAAM,mBAAmB,aACtB,aAAuB;AACtB,gBAAc,SAAS;AACvB,gBAAc,SAAS;IAEzB,CAAC,eAAe,cAAc,CAC/B;CAED,MAAM,kBAAkB,OAAe;AAErC,mBADoB,cAAc,IAAI,YAAY,sBAAsB,CAC3C;;CAG/B,MAAM,iBAAiB,OAAe;AAEpC,mBADoB,aAAa,IAAI,YAAY,sBAAsB,CAC1C;;CAG/B,MAAM,oBAAoB,IAAY,cAA0B;AAE9D,mBADoB,eAAe,IAAI,WAAW,WAAW,CAChC;;CAG/B,MAAM,YAAY,OAAe;AAO/B,mBANoB,WAClB,IACA,YACA,aACA,qBACD,CAC4B;;CAG/B,MAAM,sBAAsB,IAAY,SAAY;AAElD,mBADoB,iBAAiB,IAAI,MAAM,WAAW,CAC7B;;CAG/B,MAAM,WAAW,aACd,QAAgB,SAAiB,iBAA+B;EAC/D,MAAM,cAAc,EAAE,UAAU,WAAW;EAC3C,MAAM,WAAW,aAAa,QAAQ,YAAY;EAClD,MAAM,YAAY,aAAa,SAAS,YAAY;AAEpD,MAAI,YAAY,WAAW;AACzB,OAAI,aAAa,SAAS,SAAS,CACjC;GAGF,MAAM,aAAa,mBAAmB,QAAQ,YAAY;GAC1D,MAAM,cAAc,mBAAmB,SAAS,YAAY;AAE5D,OAAI,cAAc,aAAa;AAE7B,eAAW,QAAQ,WAAW,MAAM,QACjC,SAAS,KAAK,OAAO,OACvB;AAGD,QAAI,WAAW,MAAM,WAAW,GAAG;KACjC,MAAM,cAAc,mBAAmB,WAAW,IAAI,YAAY;AAClE,SAAI,YACF,aAAY,QAAQ,YAAY,MAAM,QACnC,SAAS,KAAK,OAAO,WAAW,GAClC;SAED,YAAW,QAAQ,EAAE;;IAKzB,MAAM,aAAa,YAAY,MAAM,WAClC,SAAS,KAAK,OAAO,QACvB;IACD,MAAM,WACJ,iBAAiB,aAAa,MAAM,aAAa,aAAa;AAChE,gBAAY,MAAM,OAAO,UAAU,GAAG,SAAS;AAG/C,qBAAiB,YAAY;;;IAInC,CAAC,YAAY,iBAAiB,CAC/B;AAED,KAAI,CAAC,WACH,QAAO;CAGT,MAAM,UACJ,oBAAC,OAAD;EAAK,WAAW,GAAG,uBAAuB,UAAU;YAClD,oBAAC,WAAD;GACE,OAAO;GACP,cAAc;GACd,aAAa;GACb,QAAQ;GACR,kBAAkB;GACD;GACjB,gBAAgB;GAChB,WAAW;GACX,SAAS;GACT,YAAY;GACZ,QAAQ;GACO;GACf,CAAA;EACE,CAAA;AAGR,KAAI,CAAC,gBACH,QAAO;AAGT,QAAO,oBAAC,aAAD;EAAa,SAAS;YAAe;EAAsB,CAAA"}

package/dist/LogicTree/type.js

@@ -1,10 +1,15 @@
-export var ELogicType = /*#__PURE__*/function (ELogicType) {
-  ELogicType["AND"] = "AND";
-  ELogicType["OR"] = "OR";
-  return ELogicType;
+//#region src/LogicTree/type.ts
+var ELogicType = /* @__PURE__ */ function(ELogicType) {
+	ELogicType["AND"] = "AND";
+	ELogicType["OR"] = "OR";
+	return ELogicType;
 }({});
-export var ENodeType = /*#__PURE__*/function (ENodeType) {
-  ENodeType["LOGIC"] = "LOGIC";
-  ENodeType["RECORD"] = "RECORD";
-  return ENodeType;
-}({});
+var ENodeType = /* @__PURE__ */ function(ENodeType) {
+	ENodeType["LOGIC"] = "LOGIC";
+	ENodeType["RECORD"] = "RECORD";
+	return ENodeType;
+}({});
+//#endregion
+export { ELogicType, ENodeType };
+
+//# sourceMappingURL=type.js.map

package/dist/LogicTree/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","names":[],"sources":["../../src/LogicTree/type.ts"],"sourcesContent":["export enum ELogicType {\n  AND = 'AND',\n  OR = 'OR',\n}\n\nexport enum ENodeType {\n  LOGIC = 'LOGIC',\n  RECORD = 'RECORD',\n}\n\nexport interface INodeBase {\n  id: string;\n  type: ENodeType;\n}\n\nexport interface ILogicNode<T> extends INodeBase {\n  type: ENodeType.LOGIC;\n  logicType: ELogicType;\n  nodes: TNode<T>[];\n}\n\nexport interface IRecordNode<T> extends INodeBase {\n  type: ENodeType.RECORD;\n  data: T;\n}\n\nexport type TNode<T> = ILogicNode<T> | IRecordNode<T>;\n"],"mappings":";AAAA,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,SAAA;AACA,YAAA,QAAA;;KACD;AAED,IAAY,YAAL,yBAAA,WAAA;AACL,WAAA,WAAA;AACA,WAAA,YAAA;;KACD"}

package/dist/MemberPicker/components/MemberSelection.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IUser, TUserGroupValue, TUserValue } from '../interface';
 interface IMemberSelectionProps {
     className?: string;
@@ -20,5 +20,5 @@ interface IMemberSelectionProps {
 }
 export declare const OPTION_HEIGHT = 36;
 export declare const WRAPPER_HEIGHT = 300;
-export default function MemberSelection(props: IMemberSelectionProps): React.JSX.Element;
+export default function MemberSelection(props: IMemberSelectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/MemberPicker/components/MemberSelection.js

@@ -1,170 +1,139 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useVirtualizer } from '@tanstack/react-virtual';
-import classNames from 'classnames';
-import _ from 'lodash';
-import React, { useContext, useDeferredValue, useEffect, useMemo, useState } from 'react';
-import Empty from "../../Empty";
-import { SearchLine } from "../../Icon";
-import Input from "../../Input";
-import Spin from "../../Spin";
-import { LocaleContext, getTranslator } from "../../locale/default";
-import { isUser } from "../utils/getUsersWithUserId";
-import MultipleOption from "./MultipleOption";
-import SingleOption from "./SingleOption";
-export var OPTION_HEIGHT = 36;
-export var WRAPPER_HEIGHT = 300;
-export default function MemberSelection(props) {
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var className = props.className,
-    userList = props.userList,
-    multiple = props.multiple,
-    _onChange = props.onChange,
-    selectedUsers = props.selectedUsers,
-    onSearchValueChange = props.onSearchValueChange,
-    loading = props.loading,
-    width = props.width,
-    lockedIds = props.lockedIds,
-    filterItem = props.filterItem,
-    renderItem = props.renderItem;
-  var filteredList = useMemo(function () {
-    return userList.filter(function (item) {
-      if (filterItem) {
-        return filterItem(item);
-      }
-      return true;
-    });
-  }, [userList, filterItem]);
-  var parentRef = React.useRef(null);
+import { cn } from "../../lib/utils.js";
+import Memo from "../../Icon/components/SearchLine.js";
+import { LocaleContext, getTranslator } from "../../locale/default.js";
+import Input from "../../Input/index.js";
+import Empty from "../../Empty/index.js";
+import CustomSpin from "../../Spin/index.js";
+import { isUser } from "../utils/getUsersWithUserId.js";
+import MultipleList from "./MultipleOption.js";
+import SingleOption from "./SingleOption.js";
+import React, { useContext, useDeferredValue, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import _ from "lodash";
+import { useVirtualizer } from "@tanstack/react-virtual";
+function MemberSelection(props) {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const { className, userList, multiple, onChange, selectedUsers, onSearchValueChange, loading, width, lockedIds, filterItem, renderItem } = props;
+	const filteredList = useMemo(() => {
+		return userList.filter((item) => {
+			if (filterItem) return filterItem(item);
+			return true;
+		});
+	}, [userList, filterItem]);
+	const parentRef = React.useRef(null);
+	const rowVirtualizer = useVirtualizer({
+		count: filteredList.length,
+		getScrollElement: () => parentRef.current,
+		estimateSize: () => 36
+	});
+	const [searchValue, setSearchValue] = useState("");
+	const deferredSearchValue = useDeferredValue(searchValue);
+	const inputRef = React.useRef(null);
+	useEffect(() => {
+		onSearchValueChange?.(deferredSearchValue);
+	}, [deferredSearchValue, onSearchValueChange]);
+	useEffect(() => {
+		if (inputRef.current) inputRef.current.focus();
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(className, "ald-member-picker-member-list-wrap"),
+		children: [
+			/* @__PURE__ */ jsx(Input, {
+				prefix: /* @__PURE__ */ jsx(Memo, {}),
+				ref: inputRef,
+				className: "ald-member-picker-search-input",
+				onChange: (e) => {
+					setSearchValue(e.target.value);
+				}
+			}),
+			filteredList.length === 0 && !loading && /* @__PURE__ */ jsx(Empty, {
+				title: t.MemberPicker.noData,
+				size: "small",
+				image: Empty.PRESENTED_IMAGE_SEARCH,
+				className: "ald-member-picker-member-list-empty"
+			}),
+			/* @__PURE__ */ jsx(CustomSpin, {
+				tip: "Loading",
+				spinning: loading,
+				size: "small",
+				className: "ald-member-picker-user-list",
+				children: /* @__PURE__ */ jsx("div", {
+					ref: parentRef,
+					style: {
+						height: 300,
+						overflowY: "auto",
+						overflowX: "hidden"
+					},
+					className: cn("ald-member-picker-member-list", { "ald-member-picker-member-list-null": filteredList.length === 0 && !loading }),
+					children: /* @__PURE__ */ jsx("div", {
+						className: "ald-member-picker-member-list-inner",
+						style: {
+							width: multiple ? width : void 0,
+							overflow: "hidden",
+							position: "relative",
+							height: `${rowVirtualizer.getTotalSize()}px`
+						},
+						children: rowVirtualizer.getVirtualItems().map((virtualItem) => {
+							const user = filteredList[virtualItem.index];
+							const isSelected = selectedUsers.some((selectedUser) => selectedUser.userId === user.userId);
+							const disabled = _.findIndex(lockedIds, {
+								userId: user.userId,
+								type: user.type
+							}) !== -1;
+							const originNode = multiple ? /* @__PURE__ */ jsx(MultipleList, {
+								user,
+								disabled,
+								selected: isSelected,
+								showUserId: true,
+								onChange: (selected, user) => {
+									if (isUser(user)) onChange(selected, user);
+								}
+							}, user.userId) : /* @__PURE__ */ jsx(SingleOption, {
+								user,
+								selected: isSelected,
+								showUserId: true,
+								onChange: (selected, user) => {
+									if (isUser(user)) onChange(selected, user);
+								}
+							}, user.userId);
+							if (renderItem) return /* @__PURE__ */ jsx("div", {
+								style: {
+									position: "absolute",
+									top: 0,
+									left: 0,
+									width: "100%",
+									height: `${virtualItem.size}px`,
+									transform: `translateY(${virtualItem.start}px)`
+								},
+								children: renderItem(user, {
+									isSelected,
+									disabled,
+									onClick: () => {
+										if (!disabled) onChange(!isSelected, user);
+									},
+									originNode
+								})
+							}, virtualItem.key);
+							return /* @__PURE__ */ jsx("div", {
+								style: {
+									position: "absolute",
+									top: 0,
+									left: 0,
+									width: "100%",
+									height: `${virtualItem.size}px`,
+									transform: `translateY(${virtualItem.start}px)`
+								},
+								children: originNode
+							}, virtualItem.key);
+						})
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { MemberSelection as default };
 
-  // The virtualizer
-  var rowVirtualizer = useVirtualizer({
-    count: filteredList.length,
-    getScrollElement: function getScrollElement() {
-      return parentRef.current;
-    },
-    estimateSize: function estimateSize() {
-      return OPTION_HEIGHT;
-    }
-  });
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchValue = _useState2[0],
-    setSearchValue = _useState2[1];
-  var deferredSearchValue = useDeferredValue(searchValue);
-  var inputRef = React.useRef(null);
-  useEffect(function () {
-    onSearchValueChange === null || onSearchValueChange === void 0 ? void 0 : onSearchValueChange(deferredSearchValue);
-  }, [deferredSearchValue, onSearchValueChange]);
-  useEffect(function () {
-    if (inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(className, 'ald-member-picker-member-list-wrap')
-  }, /*#__PURE__*/React.createElement(Input, {
-    prefix: /*#__PURE__*/React.createElement(SearchLine, null),
-    ref: inputRef,
-    className: 'ald-member-picker-search-input',
-    onChange: function onChange(e) {
-      setSearchValue(e.target.value);
-    }
-  }), filteredList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
-    title: t.MemberPicker.noData,
-    size: "small",
-    image: Empty.PRESENTED_IMAGE_SEARCH,
-    className: "ald-member-picker-member-list-empty"
-  }), /*#__PURE__*/React.createElement(Spin, {
-    tip: "Loading",
-    spinning: loading,
-    size: "small",
-    className: "ald-member-picker-user-list"
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: parentRef,
-    style: {
-      height: WRAPPER_HEIGHT,
-      overflowY: 'auto',
-      overflowX: 'hidden'
-    },
-    className: classNames('ald-member-picker-member-list', {
-      'ald-member-picker-member-list-null': filteredList.length === 0 && !loading
-    })
-    // innerClassName="ald-member-picker-member-scroll"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ald-member-picker-member-list-inner",
-    style: {
-      width: multiple ? width : undefined,
-      overflow: 'hidden',
-      position: 'relative',
-      height: "".concat(rowVirtualizer.getTotalSize(), "px")
-    }
-  }, rowVirtualizer.getVirtualItems().map(function (virtualItem) {
-    var user = filteredList[virtualItem.index];
-    var isSelected = selectedUsers.some(function (selectedUser) {
-      return selectedUser.userId === user.userId;
-    });
-    var index = _.findIndex(lockedIds, {
-      userId: user.userId,
-      type: user.type
-    });
-    var disabled = index !== -1;
-    var originNode = multiple ? /*#__PURE__*/React.createElement(MultipleOption, {
-      key: user.userId,
-      user: user,
-      disabled: disabled,
-      selected: isSelected,
-      showUserId: true,
-      onChange: function onChange(selected, user) {
-        if (isUser(user)) _onChange(selected, user);
-      }
-    }) : /*#__PURE__*/React.createElement(SingleOption, {
-      key: user.userId,
-      user: user,
-      selected: isSelected,
-      showUserId: true,
-      onChange: function onChange(selected, user) {
-        if (isUser(user)) _onChange(selected, user);
-      }
-    });
-    if (renderItem) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: virtualItem.key,
-        style: {
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          width: '100%',
-          height: "".concat(virtualItem.size, "px"),
-          transform: "translateY(".concat(virtualItem.start, "px)")
-        }
-      }, renderItem(user, {
-        isSelected: isSelected,
-        disabled: disabled,
-        onClick: function onClick() {
-          if (!disabled) {
-            _onChange(!isSelected, user);
-          }
-        },
-        originNode: originNode
-      }));
-    }
-    return /*#__PURE__*/React.createElement("div", {
-      key: virtualItem.key,
-      style: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        width: '100%',
-        height: "".concat(virtualItem.size, "px"),
-        transform: "translateY(".concat(virtualItem.start, "px)")
-      }
-    }, originNode);
-  })))));
-}
+//# sourceMappingURL=MemberSelection.js.map