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

package/dist/Radio/components/Radio/index.js

@@ -1,109 +1,84 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import classNames from 'classnames';
-import _ from 'lodash';
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import { getUUID } from "../../../_utils/hooks/useId";
-import { RadioGroupContext } from "../Group";
-export default function Radio(props) {
-  var groupContext = useContext(RadioGroupContext);
-  var labelRef = useRef(null);
-  var id = getUUID().toString();
-  var radioProps = _objectSpread({}, props);
-  var initChecked = useCallback(function () {
-    if (!_.isEmpty(groupContext)) {
-      return !props.disabled && groupContext.value === props.value;
-    } else {
-      return !('checked' in props) ? props.defaultChecked : radioProps.checked;
-    }
-  }, [groupContext, props, radioProps.checked]);
-  var _useState = useState(initChecked),
-    _useState2 = _slicedToArray(_useState, 2),
-    checked = _useState2[0],
-    setChecked = _useState2[1];
-  useEffect(function () {
-    setChecked(initChecked);
-  }, [initChecked, groupContext.value, props.value, props.disabled]);
-  if (!_.isEmpty(groupContext)) {
-    radioProps.disabled = groupContext.disabled || props.disabled;
-  }
-  // 设置input外层盒子的class
-  var aldRadioClass = classNames('ald-radio', {
-    'ald-radio-checked': checked,
-    'ald-radio-disabled': radioProps.disabled
-  });
-  // 根据属性设置最外层的class
-  var getWrapperClass = function getWrapperClass() {
-    var otherClass = '';
-    if (groupContext.type === 'button') {
-      if (groupContext.radioGroupStyle === 'filled') {
-        otherClass = 'ald-radio-button-wrapper-filled';
-      } else if (groupContext.radioGroupStyle === 'border') {
-        otherClass = 'ald-radio-button-wrapper-border';
-      } else if (groupContext.radioGroupStyle === 'filter') {
-        otherClass = 'ald-radio-button-wrapper-filter';
-      } else {
-        otherClass = 'ald-radio-button-wrapper-border-primary';
-      }
-    } else if (groupContext.type === 'iconButton') {
-      if (groupContext.radioGroupStyle === 'filled') {
-        otherClass = 'ald-radio-icon-button-wrapper-filled';
-      } else if (groupContext.radioGroupStyle === 'border') {
-        otherClass = 'ald-radio-icon-button-wrapper-border';
-      } else if (groupContext.radioGroupStyle === 'filter') {
-        otherClass = 'ald-radio-icon-button-wrapper-filter';
-      } else {
-        otherClass = 'ald-radio-icon-button-wrapper-border-primary';
-      }
-    } else {
-      // 当type未设置或者是radio时
-      otherClass = 'ald-radio-wrapper';
-      if (props.indeterminate) {
-        otherClass = otherClass + ' ald-radio-wrapper-indeterminate';
-      }
-    }
-    return classNames('ald-radio-label', otherClass, props.className, {
-      'ald-radio-wrapper-checked': checked,
-      'ald-radio-wrapper-disabled': radioProps.disabled
-    });
-  };
-  return /*#__PURE__*/React.createElement("label", {
-    className: getWrapperClass(),
-    htmlFor: id,
-    ref: labelRef
-  }, /*#__PURE__*/React.createElement("span", {
-    className: aldRadioClass
-  }, /*#__PURE__*/React.createElement("input", {
-    id: id,
-    type: "radio",
-    className: "ald-radio-input",
-    defaultChecked: checked,
-    disabled: radioProps.disabled,
-    value: props.value,
-    onClick: function onClick(e) {
-      var _props$onClick;
-      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);
-      if (!_.isEmpty(groupContext)) {
-        if (groupContext !== null && groupContext !== void 0 && groupContext.onChange) {
-          // input事件的value会被toString，所以此处进行一个覆盖
-          groupContext.onChange(props.value);
-        }
-        setChecked(!checked);
-      }
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "ald-radio-inner"
-  })), props.children && /*#__PURE__*/React.createElement("span", {
-    className: "ald-radio-desc"
-  }, props.children));
-}
+import { cn } from "../../../lib/utils.js";
+import { getUUID } from "../../../_utils/hooks/useId.js";
+import { RadioGroupContext } from "../Group/index.js";
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import _ from "lodash";
+//#region src/Radio/components/Radio/index.tsx
+function Radio(props) {
+	const groupContext = useContext(RadioGroupContext);
+	const labelRef = useRef(null);
+	const id = getUUID().toString();
+	const radioProps = { ...props };
+	const initChecked = useCallback(() => {
+		if (!_.isEmpty(groupContext)) return !props.disabled && groupContext.value === props.value;
+		else return !("checked" in props) ? props.defaultChecked : radioProps.checked;
+	}, [
+		groupContext,
+		props,
+		radioProps.checked
+	]);
+	const [checked, setChecked] = useState(initChecked);
+	useEffect(() => {
+		setChecked(initChecked);
+	}, [
+		initChecked,
+		groupContext.value,
+		props.value,
+		props.disabled
+	]);
+	if (!_.isEmpty(groupContext)) radioProps.disabled = groupContext.disabled || props.disabled;
+	const aldRadioClass = cn("ald-radio", {
+		"ald-radio-checked": checked,
+		"ald-radio-disabled": radioProps.disabled
+	});
+	const getWrapperClass = () => {
+		let otherClass = "";
+		if (groupContext.type === "button") if (groupContext.radioGroupStyle === "filled") otherClass = "ald-radio-button-wrapper-filled";
+		else if (groupContext.radioGroupStyle === "border") otherClass = "ald-radio-button-wrapper-border";
+		else if (groupContext.radioGroupStyle === "filter") otherClass = "ald-radio-button-wrapper-filter";
+		else otherClass = "ald-radio-button-wrapper-border-primary";
+		else if (groupContext.type === "iconButton") if (groupContext.radioGroupStyle === "filled") otherClass = "ald-radio-icon-button-wrapper-filled";
+		else if (groupContext.radioGroupStyle === "border") otherClass = "ald-radio-icon-button-wrapper-border";
+		else if (groupContext.radioGroupStyle === "filter") otherClass = "ald-radio-icon-button-wrapper-filter";
+		else otherClass = "ald-radio-icon-button-wrapper-border-primary";
+		else {
+			otherClass = "ald-radio-wrapper";
+			if (props.indeterminate) otherClass = otherClass + " ald-radio-wrapper-indeterminate";
+		}
+		return cn("ald-radio-label", otherClass, props.className, {
+			"ald-radio-wrapper-checked": checked,
+			"ald-radio-wrapper-disabled": radioProps.disabled
+		});
+	};
+	return /* @__PURE__ */ jsxs("label", {
+		className: getWrapperClass(),
+		htmlFor: id,
+		ref: labelRef,
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: aldRadioClass,
+			children: [/* @__PURE__ */ jsx("input", {
+				id,
+				type: "radio",
+				className: "ald-radio-input",
+				defaultChecked: checked,
+				disabled: radioProps.disabled,
+				value: props.value,
+				onClick: (e) => {
+					props.onClick?.(e);
+					if (!_.isEmpty(groupContext)) {
+						if (groupContext?.onChange) groupContext.onChange(props.value);
+						setChecked(!checked);
+					}
+				}
+			}), /* @__PURE__ */ jsx("span", { className: "ald-radio-inner" })]
+		}), props.children && /* @__PURE__ */ jsx("span", {
+			className: "ald-radio-desc",
+			children: props.children
+		})]
+	});
+}
+//#endregion
+export { Radio as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Radio/components/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Radio/components/Radio/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { getUUID } from '../../../_utils/hooks/useId';\nimport { IRadioProps } from '../../interface/radio';\nimport { RadioGroupContext } from '../Group';\n\nexport default function Radio(props: IRadioProps) {\n  const groupContext = useContext(RadioGroupContext);\n  const labelRef = useRef<HTMLLabelElement>(null);\n  const id = getUUID().toString();\n\n  const radioProps = { ...props };\n\n  const initChecked = useCallback(() => {\n    if (!_.isEmpty(groupContext)) {\n      return !props.disabled && groupContext.value === props.value;\n    } else {\n      return !('checked' in props) ? props.defaultChecked : radioProps.checked;\n    }\n  }, [groupContext, props, radioProps.checked]);\n\n  const [checked, setChecked] = useState(initChecked);\n\n  useEffect(() => {\n    setChecked(initChecked);\n  }, [initChecked, groupContext.value, props.value, props.disabled]);\n\n  if (!_.isEmpty(groupContext)) {\n    radioProps.disabled = groupContext.disabled || props.disabled;\n  }\n  // 设置input外层盒子的class\n  const aldRadioClass = cn('ald-radio', {\n    'ald-radio-checked': checked,\n    'ald-radio-disabled': radioProps.disabled,\n  });\n  // 根据属性设置最外层的class\n  const getWrapperClass = () => {\n    let otherClass = '';\n    if (groupContext.type === 'button') {\n      if (groupContext.radioGroupStyle === 'filled') {\n        otherClass = 'ald-radio-button-wrapper-filled';\n      } else if (groupContext.radioGroupStyle === 'border') {\n        otherClass = 'ald-radio-button-wrapper-border';\n      } else if (groupContext.radioGroupStyle === 'filter') {\n        otherClass = 'ald-radio-button-wrapper-filter';\n      } else {\n        otherClass = 'ald-radio-button-wrapper-border-primary';\n      }\n    } else if (groupContext.type === 'iconButton') {\n      if (groupContext.radioGroupStyle === 'filled') {\n        otherClass = 'ald-radio-icon-button-wrapper-filled';\n      } else if (groupContext.radioGroupStyle === 'border') {\n        otherClass = 'ald-radio-icon-button-wrapper-border';\n      } else if (groupContext.radioGroupStyle === 'filter') {\n        otherClass = 'ald-radio-icon-button-wrapper-filter';\n      } else {\n        otherClass = 'ald-radio-icon-button-wrapper-border-primary';\n      }\n    } else {\n      // 当type未设置或者是radio时\n      otherClass = 'ald-radio-wrapper';\n      if (props.indeterminate) {\n        otherClass = otherClass + ' ald-radio-wrapper-indeterminate';\n      }\n    }\n    return cn('ald-radio-label', otherClass, props.className, {\n      'ald-radio-wrapper-checked': checked,\n      'ald-radio-wrapper-disabled': radioProps.disabled,\n    });\n  };\n\n  return (\n    <label className={getWrapperClass()} htmlFor={id} ref={labelRef}>\n      <span className={aldRadioClass}>\n        <input\n          id={id}\n          type=\"radio\"\n          className=\"ald-radio-input\"\n          defaultChecked={checked}\n          disabled={radioProps.disabled}\n          value={props.value}\n          onClick={(e) => {\n            props.onClick?.(e);\n\n            if (!_.isEmpty(groupContext)) {\n              if (groupContext?.onChange) {\n                // input事件的value会被toString，所以此处进行一个覆盖\n                groupContext.onChange(props.value);\n              }\n              setChecked(!checked);\n            }\n          }}\n        />\n        <span className=\"ald-radio-inner\" />\n      </span>\n      {props.children && (\n        <span className=\"ald-radio-desc\">{props.children}</span>\n      )}\n    </label>\n  );\n}\n"],"mappings":";;;;;;;AAcA,SAAwB,MAAM,OAAoB;CAChD,MAAM,eAAe,WAAW,kBAAkB;CAClD,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,KAAK,SAAS,CAAC,UAAU;CAE/B,MAAM,aAAa,EAAE,GAAG,OAAO;CAE/B,MAAM,cAAc,kBAAkB;AACpC,MAAI,CAAC,EAAE,QAAQ,aAAa,CAC1B,QAAO,CAAC,MAAM,YAAY,aAAa,UAAU,MAAM;MAEvD,QAAO,EAAE,aAAa,SAAS,MAAM,iBAAiB,WAAW;IAElE;EAAC;EAAc;EAAO,WAAW;EAAQ,CAAC;CAE7C,MAAM,CAAC,SAAS,cAAc,SAAS,YAAY;AAEnD,iBAAgB;AACd,aAAW,YAAY;IACtB;EAAC;EAAa,aAAa;EAAO,MAAM;EAAO,MAAM;EAAS,CAAC;AAElE,KAAI,CAAC,EAAE,QAAQ,aAAa,CAC1B,YAAW,WAAW,aAAa,YAAY,MAAM;CAGvD,MAAM,gBAAgB,GAAG,aAAa;EACpC,qBAAqB;EACrB,sBAAsB,WAAW;EAClC,CAAC;CAEF,MAAM,wBAAwB;EAC5B,IAAI,aAAa;AACjB,MAAI,aAAa,SAAS,SACxB,KAAI,aAAa,oBAAoB,SACnC,cAAa;WACJ,aAAa,oBAAoB,SAC1C,cAAa;WACJ,aAAa,oBAAoB,SAC1C,cAAa;MAEb,cAAa;WAEN,aAAa,SAAS,aAC/B,KAAI,aAAa,oBAAoB,SACnC,cAAa;WACJ,aAAa,oBAAoB,SAC1C,cAAa;WACJ,aAAa,oBAAoB,SAC1C,cAAa;MAEb,cAAa;OAEV;AAEL,gBAAa;AACb,OAAI,MAAM,cACR,cAAa,aAAa;;AAG9B,SAAO,GAAG,mBAAmB,YAAY,MAAM,WAAW;GACxD,6BAA6B;GAC7B,8BAA8B,WAAW;GAC1C,CAAC;;AAGJ,QACE,qBAAC,SAAD;EAAO,WAAW,iBAAiB;EAAE,SAAS;EAAI,KAAK;YAAvD,CACE,qBAAC,QAAD;GAAM,WAAW;aAAjB,CACE,oBAAC,SAAD;IACM;IACJ,MAAK;IACL,WAAU;IACV,gBAAgB;IAChB,UAAU,WAAW;IACrB,OAAO,MAAM;IACb,UAAU,MAAM;AACd,WAAM,UAAU,EAAE;AAElB,SAAI,CAAC,EAAE,QAAQ,aAAa,EAAE;AAC5B,UAAI,cAAc,SAEhB,cAAa,SAAS,MAAM,MAAM;AAEpC,iBAAW,CAAC,QAAQ;;;IAGxB,CAAA,EACF,oBAAC,QAAD,EAAM,WAAU,mBAAoB,CAAA,CAC/B;MACN,MAAM,YACL,oBAAC,QAAD;GAAM,WAAU;aAAkB,MAAM;GAAgB,CAAA,CAEpD"}

package/dist/Radio/index.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import RadioGroup from './components/Group';
-import { IRadioProps } from './interface/radio';
-export type { IRadioProps as RadioProps } from './interface/radio';
-export type { IRadioGroupProps as RadioGroupProps } from './interface/radioGroup';
+import { default as RadioGroup } from './components/Group.js';
+import { IRadioProps } from './interface/radio.js';
+export type { IRadioProps as RadioProps } from './interface/radio.js';
+export type { IRadioGroupProps as RadioGroupProps } from './interface/radioGroup.js';
 interface IRadioType extends React.FC<IRadioProps> {
     Group: typeof RadioGroup;
 }

package/dist/Radio/index.js

@@ -1,5 +1,10 @@
-import InternalRadio from "./components/Radio";
-import RadioGroup from "./components/Group";
-var Radio = InternalRadio;
+/* empty css      */
+import RadioGroup from "./components/Group/index.js";
+import Radio$1 from "./components/Radio/index.js";
+//#region src/Radio/index.tsx
+var Radio = Radio$1;
 Radio.Group = RadioGroup;
-export default Radio;
+//#endregion
+export { Radio as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Radio/index.tsx"],"sourcesContent":["import './radio.css';\nimport InternalRadio from './components/Radio';\nimport RadioGroup from './components/Group';\nimport { IRadioProps } from './interface/radio';\n\nexport type { IRadioProps as RadioProps } from './interface/radio';\nexport type { IRadioGroupProps as RadioGroupProps } from './interface/radioGroup';\n\ninterface IRadioType extends React.FC<IRadioProps> {\n  Group: typeof RadioGroup;\n}\nconst Radio = InternalRadio as IRadioType;\nRadio.Group = RadioGroup;\n\nexport default Radio;\n"],"mappings":";;;;AAWA,IAAM,QAAQ;AACd,MAAM,QAAQ"}

package/dist/Radio/interface/radio.js

@@ -1 +1,2 @@
-export {};
+// type-only module stub
+export {};

package/dist/Radio/interface/radioGroup.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type TRadioGroupStyle = 'filled';
+export type TRadioGroupStyle = 'filled' | 'border' | 'borderPrimary' | 'filter';
 export type TRadioSize = 'large' | 'middle' | 'small' | 'default';
 export type TRadioType = 'radio' | 'button' | 'iconButton';
 export interface IRadioGroupProps {

package/dist/Radio/interface/radioGroup.js

@@ -1 +1,2 @@
-export {};
+// type-only module stub
+export {};

package/dist/RenameInput/index.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import { CSSProperties } from 'react';
 interface IProps {
     value: string;
     onConfirm?: (value: string) => void;
@@ -16,5 +16,5 @@ interface IProps {
     validateValue?: (value: string) => boolean;
     readonly?: boolean;
 }
-declare const RenameInput: ({ value: propsValue, onConfirm, className, width, fontStyle, maxLength, validateValue, onError, readonly, isEdit: propsIsEdit, }: IProps) => React.JSX.Element;
+declare const RenameInput: ({ value: propsValue, onConfirm, className, width, fontStyle, maxLength, validateValue, onError, readonly, isEdit: propsIsEdit, }: IProps) => import("react/jsx-runtime").JSX.Element;
 export default RenameInput;

package/dist/RenameInput/index.js

@@ -1,132 +1,97 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 classNames from 'classnames';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { cn } from "../lib/utils.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/RenameInput/index.tsx
 var defaultWidth = 20;
 var PADDING_WIDTH = 4;
-var RenameInput = function RenameInput(_ref) {
-  var propsValue = _ref.value,
-    onConfirm = _ref.onConfirm,
-    className = _ref.className,
-    width = _ref.width,
-    fontStyle = _ref.fontStyle,
-    maxLength = _ref.maxLength,
-    validateValue = _ref.validateValue,
-    onError = _ref.onError,
-    _ref$readonly = _ref.readonly,
-    readonly = _ref$readonly === void 0 ? false : _ref$readonly,
-    _ref$isEdit = _ref.isEdit,
-    propsIsEdit = _ref$isEdit === void 0 ? false : _ref$isEdit;
-  var _useState = useState(propsIsEdit),
-    _useState2 = _slicedToArray(_useState, 2),
-    isEdit = _useState2[0],
-    setIsEdit = _useState2[1];
-  var _useState3 = useState(propsValue),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
-  useEffect(function () {
-    setValue(propsValue);
-  }, [propsValue]);
-  var divRef = useRef(null);
-  var inputRef = useRef(null);
-  var handleBlur = useCallback(function () {
-    var _inputRef$current;
-    onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(value);
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();
-  }, [onConfirm, value]);
-  useEffect(function () {
-    if (!width && divRef.current && inputRef.current) {
-      var _divRef$current;
-      var tempWidth = ((_divRef$current = divRef.current) === null || _divRef$current === void 0 ? void 0 : _divRef$current.offsetWidth) || defaultWidth;
-      inputRef.current.style.width = tempWidth + PADDING_WIDTH + 'px';
-    }
-  }, [width, value, isEdit]);
-  useEffect(function () {
-    if (isEdit) {
-      setValue(propsValue);
-    }
-  }, [isEdit, propsValue]);
-  useEffect(function () {
-    if (propsIsEdit) {
-      setIsEdit(true);
-      setTimeout(function () {
-        if (inputRef.current) {
-          inputRef.current.focus();
-          inputRef.current.select();
-        }
-      }, 100);
-    } else {
-      setIsEdit(false);
-    }
-  }, [propsIsEdit]);
-  if (isEdit && !readonly) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "ald-rename-input"
-    }, /*#__PURE__*/React.createElement("input", {
-      className: classNames(className, 'ald-rename-input-wrapper'),
-      style: _objectSpread(_objectSpread({}, fontStyle), {}, {
-        width: width
-      }),
-      value: value,
-      ref: inputRef,
-      onChange: function onChange(e) {
-        return setValue(e.target.value);
-      },
-      onBlur: function onBlur(e) {
-        if (!validateValue || validateValue(e.target.value.trim())) {
-          handleBlur();
-        } else {
-          onError === null || onError === void 0 ? void 0 : onError(value);
-          setValue(propsValue);
-        }
-        setIsEdit(false);
-      },
-      onFocus: function onFocus() {
-        var _inputRef$current2;
-        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.select();
-      },
-      maxLength: maxLength,
-      onKeyUp: function onKeyUp(e) {
-        if (e.key === 'Enter') {
-          var _inputRef$current3;
-          if (!validateValue || validateValue(((_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value.trim()) || '')) {
-            var _inputRef$current4;
-            (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.blur();
-          } else {
-            var _inputRef$current5;
-            onError === null || onError === void 0 ? void 0 : onError(((_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.value.trim()) || '');
-            setValue(propsValue);
-          }
-        }
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      ref: divRef,
-      className: "ald-rename-input-div",
-      style: fontStyle
-    }, value));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(className, 'ald-rename-input-text'),
-    style: fontStyle,
-    onMouseMove: function onMouseMove() {
-      setIsEdit(true);
-      setValue(propsValue);
-    },
-    onClick: function onClick() {
-      var _inputRef$current6;
-      (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.select();
-    }
-  }, propsValue);
+var RenameInput = ({ value: propsValue, onConfirm, className, width, fontStyle, maxLength, validateValue, onError, readonly = false, isEdit: propsIsEdit = false }) => {
+	const [isEdit, setIsEdit] = useState(propsIsEdit);
+	console.log("%c [ isEdit ]-46", "font-size:13px; background:#134c7e; color:#5790c2;", 1433223, isEdit);
+	const [value, setValue] = useState(propsValue);
+	useEffect(() => {
+		setValue(propsValue);
+	}, [propsValue]);
+	const divRef = useRef(null);
+	const inputRef = useRef(null);
+	const handleBlur = useCallback(() => {
+		onConfirm?.(value);
+		inputRef.current?.blur();
+	}, [onConfirm, value]);
+	useEffect(() => {
+		if (!width && divRef.current && inputRef.current) {
+			const tempWidth = divRef.current?.offsetWidth || defaultWidth;
+			inputRef.current.style.width = tempWidth + PADDING_WIDTH + "px";
+		}
+	}, [
+		width,
+		value,
+		isEdit
+	]);
+	useEffect(() => {
+		if (isEdit) setValue(propsValue);
+	}, [isEdit, propsValue]);
+	useEffect(() => {
+		if (propsIsEdit) {
+			setIsEdit(true);
+			setTimeout(() => {
+				if (inputRef.current) {
+					inputRef.current.focus();
+					inputRef.current.select();
+				}
+			}, 100);
+		} else setIsEdit(false);
+	}, [propsIsEdit]);
+	if (isEdit && !readonly) return /* @__PURE__ */ jsxs("div", {
+		className: "ald-rename-input tw-flex tw-h-[22px] tw-min-w-[10px] tw-max-w-full tw-items-center tw-border tw-border-transparent",
+		children: [/* @__PURE__ */ jsx("input", {
+			className: cn(className, "ald-rename-input-wrapper tw-box-border tw-h-[22px] tw-max-w-full tw-border-0 tw-p-[2px] tw-text-[13px]", "hover:tw-border hover:tw-border-solid hover:tw-border-[var(--border-neutral-strong)]", "focus:tw-border focus:tw-border-solid focus:tw-border-[var(--interaction-border-selected)] focus:tw-shadow-[0_0_0_1px_var(--interaction-focus-default)]"),
+			style: {
+				...fontStyle,
+				width
+			},
+			value,
+			ref: inputRef,
+			onChange: (e) => setValue(e.target.value),
+			onBlur: (e) => {
+				if (!validateValue || validateValue(e.target.value.trim())) handleBlur();
+				else {
+					onError?.(value);
+					setValue(propsValue);
+				}
+				setIsEdit(false);
+			},
+			onFocus: () => {
+				inputRef.current?.select();
+			},
+			maxLength,
+			onKeyUp: (e) => {
+				if (e.key === "Enter") if (!validateValue || validateValue(inputRef.current?.value.trim() || "")) inputRef.current?.blur();
+				else {
+					onError?.(inputRef.current?.value.trim() || "");
+					setValue(propsValue);
+				}
+			}
+		}), /* @__PURE__ */ jsx("div", {
+			ref: divRef,
+			className: "ald-rename-input-div tw-pointer-events-none tw-invisible tw-fixed tw-bottom-0 tw--ml-px tw-min-w-px tw-max-w-full tw-overflow-hidden tw-whitespace-pre tw-border tw-border-transparent tw-p-0 tw-text-[13px] tw-font-normal",
+			style: fontStyle,
+			children: value
+		})]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(className, "ald-rename-input-text tw-flex tw-h-[22px] tw-items-center tw-border tw-border-transparent tw-p-[2px] tw-text-[13px]"),
+		style: fontStyle,
+		onMouseMove: () => {
+			setIsEdit(true);
+			setValue(propsValue);
+		},
+		onClick: () => {
+			inputRef.current?.select();
+		},
+		children: propsValue
+	});
 };
-export default RenameInput;
+//#endregion
+export { RenameInput as default };
+
+//# sourceMappingURL=index.js.map

package/dist/RenameInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/RenameInput/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\n\ninterface IProps {\n  value: string;\n  onConfirm?: (value: string) => void;\n  onError?: (value: string) => void;\n  className?: string;\n  width?: number;\n  fontStyle?: CSSProperties;\n  /**\n   * @deprecated 如果要控制编辑态请使用 isEdit\n   */\n  focus?: boolean;\n  isEdit?: boolean;\n  maxLength?: number;\n  distance?: [left: number, right: number];\n  validateValue?: (value: string) => boolean;\n  readonly?: boolean;\n}\n\nconst defaultWidth = 20;\n\nconst PADDING_WIDTH = 4;\n\nconst RenameInput = ({\n  value: propsValue,\n  onConfirm,\n  className,\n  width,\n  fontStyle,\n  maxLength,\n  validateValue,\n  onError,\n  readonly = false,\n  isEdit: propsIsEdit = false,\n}: IProps) => {\n  const [isEdit, setIsEdit] = useState<boolean>(propsIsEdit);\n  console.log(\n    '%c [ isEdit ]-46',\n    'font-size:13px; background:#134c7e; color:#5790c2;',\n    1433223,\n    isEdit,\n  );\n  const [value, setValue] = useState(propsValue);\n\n  useEffect(() => {\n    setValue(propsValue);\n  }, [propsValue]);\n\n  const divRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleBlur = useCallback(() => {\n    onConfirm?.(value);\n    inputRef.current?.blur();\n  }, [onConfirm, value]);\n\n  useEffect(() => {\n    if (!width && divRef.current && inputRef.current) {\n      const tempWidth = divRef.current?.offsetWidth || defaultWidth;\n      inputRef.current.style.width = tempWidth + PADDING_WIDTH + 'px';\n    }\n  }, [width, value, isEdit]);\n\n  useEffect(() => {\n    if (isEdit) {\n      setValue(propsValue);\n    }\n  }, [isEdit, propsValue]);\n\n  useEffect(() => {\n    if (propsIsEdit) {\n      setIsEdit(true);\n      setTimeout(() => {\n        if (inputRef.current) {\n          inputRef.current.focus();\n          inputRef.current.select();\n        }\n      }, 100);\n    } else {\n      setIsEdit(false);\n    }\n  }, [propsIsEdit]);\n\n  if (isEdit && !readonly) {\n    return (\n      <div className=\"ald-rename-input tw-flex tw-h-[22px] tw-min-w-[10px] tw-max-w-full tw-items-center tw-border tw-border-transparent\">\n        <input\n          className={cn(\n            className,\n            'ald-rename-input-wrapper tw-box-border tw-h-[22px] tw-max-w-full tw-border-0 tw-p-[2px] tw-text-[13px]',\n            'hover:tw-border hover:tw-border-solid hover:tw-border-[var(--border-neutral-strong)]',\n            'focus:tw-border focus:tw-border-solid focus:tw-border-[var(--interaction-border-selected)] focus:tw-shadow-[0_0_0_1px_var(--interaction-focus-default)]',\n          )}\n          style={{\n            ...fontStyle,\n            width,\n          }}\n          value={value}\n          ref={inputRef}\n          onChange={(e) => setValue(e.target.value)}\n          onBlur={(e) => {\n            if (!validateValue || validateValue(e.target.value.trim())) {\n              handleBlur();\n            } else {\n              onError?.(value);\n              setValue(propsValue);\n            }\n            setIsEdit(false);\n          }}\n          onFocus={() => {\n            inputRef.current?.select();\n          }}\n          maxLength={maxLength}\n          onKeyUp={(e) => {\n            if (e.key === 'Enter') {\n              if (\n                !validateValue ||\n                validateValue(inputRef.current?.value.trim() || '')\n              ) {\n                inputRef.current?.blur();\n              } else {\n                onError?.(inputRef.current?.value.trim() || '');\n                setValue(propsValue);\n              }\n            }\n          }}\n        />\n        <div\n          ref={divRef}\n          className=\"ald-rename-input-div tw-pointer-events-none tw-invisible tw-fixed tw-bottom-0 tw--ml-px tw-min-w-px tw-max-w-full tw-overflow-hidden tw-whitespace-pre tw-border tw-border-transparent tw-p-0 tw-text-[13px] tw-font-normal\"\n          style={fontStyle}\n        >\n          {value}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        className,\n        'ald-rename-input-text tw-flex tw-h-[22px] tw-items-center tw-border tw-border-transparent tw-p-[2px] tw-text-[13px]',\n      )}\n      style={fontStyle}\n      onMouseMove={() => {\n        setIsEdit(true);\n        setValue(propsValue);\n      }}\n      onClick={() => {\n        inputRef.current?.select();\n      }}\n    >\n      {propsValue}\n    </div>\n  );\n};\n\nexport default RenameInput;\n"],"mappings":";;;;AA2BA,IAAM,eAAe;AAErB,IAAM,gBAAgB;AAEtB,IAAM,eAAe,EACnB,OAAO,YACP,WACA,WACA,OACA,WACA,WACA,eACA,SACA,WAAW,OACX,QAAQ,cAAc,YACV;CACZ,MAAM,CAAC,QAAQ,aAAa,SAAkB,YAAY;AAC1D,SAAQ,IACN,oBACA,sDACA,SACA,OACD;CACD,MAAM,CAAC,OAAO,YAAY,SAAS,WAAW;AAE9C,iBAAgB;AACd,WAAS,WAAW;IACnB,CAAC,WAAW,CAAC;CAEhB,MAAM,SAAS,OAAuB,KAAK;CAC3C,MAAM,WAAW,OAAyB,KAAK;CAE/C,MAAM,aAAa,kBAAkB;AACnC,cAAY,MAAM;AAClB,WAAS,SAAS,MAAM;IACvB,CAAC,WAAW,MAAM,CAAC;AAEtB,iBAAgB;AACd,MAAI,CAAC,SAAS,OAAO,WAAW,SAAS,SAAS;GAChD,MAAM,YAAY,OAAO,SAAS,eAAe;AACjD,YAAS,QAAQ,MAAM,QAAQ,YAAY,gBAAgB;;IAE5D;EAAC;EAAO;EAAO;EAAO,CAAC;AAE1B,iBAAgB;AACd,MAAI,OACF,UAAS,WAAW;IAErB,CAAC,QAAQ,WAAW,CAAC;AAExB,iBAAgB;AACd,MAAI,aAAa;AACf,aAAU,KAAK;AACf,oBAAiB;AACf,QAAI,SAAS,SAAS;AACpB,cAAS,QAAQ,OAAO;AACxB,cAAS,QAAQ,QAAQ;;MAE1B,IAAI;QAEP,WAAU,MAAM;IAEjB,CAAC,YAAY,CAAC;AAEjB,KAAI,UAAU,CAAC,SACb,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,SAAD;GACE,WAAW,GACT,WACA,0GACA,wFACA,0JACD;GACD,OAAO;IACL,GAAG;IACH;IACD;GACM;GACP,KAAK;GACL,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;GACzC,SAAS,MAAM;AACb,QAAI,CAAC,iBAAiB,cAAc,EAAE,OAAO,MAAM,MAAM,CAAC,CACxD,aAAY;SACP;AACL,eAAU,MAAM;AAChB,cAAS,WAAW;;AAEtB,cAAU,MAAM;;GAElB,eAAe;AACb,aAAS,SAAS,QAAQ;;GAEjB;GACX,UAAU,MAAM;AACd,QAAI,EAAE,QAAQ,QACZ,KACE,CAAC,iBACD,cAAc,SAAS,SAAS,MAAM,MAAM,IAAI,GAAG,CAEnD,UAAS,SAAS,MAAM;SACnB;AACL,eAAU,SAAS,SAAS,MAAM,MAAM,IAAI,GAAG;AAC/C,cAAS,WAAW;;;GAI1B,CAAA,EACF,oBAAC,OAAD;GACE,KAAK;GACL,WAAU;GACV,OAAO;aAEN;GACG,CAAA,CACF;;AAIV,QACE,oBAAC,OAAD;EACE,WAAW,GACT,WACA,sHACD;EACD,OAAO;EACP,mBAAmB;AACjB,aAAU,KAAK;AACf,YAAS,WAAW;;EAEtB,eAAe;AACb,YAAS,SAAS,QAAQ;;YAG3B;EACG,CAAA"}

package/dist/Result/index.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const IconMap: {
-    success: React.JSX.Element;
-    error: React.JSX.Element;
-    info: React.JSX.Element;
-    warning: React.JSX.Element;
+    success: import("react/jsx-runtime").JSX.Element;
+    error: import("react/jsx-runtime").JSX.Element;
+    info: import("react/jsx-runtime").JSX.Element;
+    warning: import("react/jsx-runtime").JSX.Element;
 };
 export declare const ExceptionMap: {
     noFound: React.FC<{