tdesign-react 1.1.7 → 1.1.8

package/es/_chunks/dep-16c3a90d.js

@@ -1,145 +0,0 @@
-/**
- * tdesign v1.1.7
- * (c) 2023 tdesign
- * @license MIT
- */
-
-import { _ as _defineProperty } from './dep-a46b17a2.js';
-import React, { useState, useRef, useEffect, forwardRef } from 'react';
-import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
-import Check, { CheckContext } from '../common/Check.js';
-import { _ as _slicedToArray } from './dep-ea20eb30.js';
-import classNames from 'classnames';
-import useConfig from '../hooks/useConfig.js';
-import useControlled from '../hooks/useControlled.js';
-import useCommonClassName from '../_util/useCommonClassName.js';
-import { radioGroupDefaultProps, radioDefaultProps } from '../radio/defaultProps.js';
-import useMutationObservable from '../_util/useMutationObserver.js';
-import useKeyboard from '../radio/useKeyboard.js';
-
-function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var RadioGroup = function RadioGroup(props) {
-  var _classNames;
-  var _useConfig = useConfig(),
-    classPrefix = _useConfig.classPrefix;
-  var disabled = props.disabled,
-    children = props.children,
-    onChange = props.onChange,
-    size = props.size,
-    variant = props.variant,
-    _props$options = props.options,
-    options = _props$options === void 0 ? [] : _props$options,
-    className = props.className,
-    style = props.style;
-  var _useControlled = useControlled(props, "value", onChange),
-    _useControlled2 = _slicedToArray(_useControlled, 2),
-    internalValue = _useControlled2[0],
-    setInternalValue = _useControlled2[1];
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    barStyle = _useState2[0],
-    setBarStyle = _useState2[1];
-  var radioGroupRef = useRef(null);
-  useKeyboard(radioGroupRef, setInternalValue);
-  var checkedRadioCls = ".".concat(classPrefix, "-radio-button.").concat(classPrefix, "-is-checked");
-  var _useCommonClassName = useCommonClassName(),
-    sizeMap = _useCommonClassName.SIZE;
-  var context = {
-    inject: function inject(checkProps) {
-      if (typeof checkProps.checked !== "undefined") {
-        return checkProps;
-      }
-      var checkValue = checkProps.value;
-      return _objectSpread$1(_objectSpread$1({}, checkProps), {}, {
-        name: props.name,
-        allowUncheck: checkProps.allowUncheck || props.allowUncheck,
-        checked: internalValue === checkProps.value,
-        disabled: checkProps.disabled || disabled,
-        onChange: function onChange(checked, _ref) {
-          var e = _ref.e;
-          if (typeof checkProps.onChange === "function") {
-            checkProps.onChange(checked, {
-              e: e
-            });
-          }
-          setInternalValue(checked ? checkValue : void 0, {
-            e: e
-          });
-        }
-      });
-    }
-  };
-  var calcBarStyle = function calcBarStyle() {
-    var _radioGroupRef$curren, _radioGroupRef$curren2;
-    if (!variant.includes("filled")) return;
-    var checkedRadio = (_radioGroupRef$curren = (_radioGroupRef$curren2 = radioGroupRef.current).querySelector) === null || _radioGroupRef$curren === void 0 ? void 0 : _radioGroupRef$curren.call(_radioGroupRef$curren2, checkedRadioCls);
-    if (!checkedRadio) return setBarStyle({
-      width: 0
-    });
-    var offsetWidth = checkedRadio.offsetWidth,
-      offsetLeft = checkedRadio.offsetLeft;
-    setBarStyle({
-      width: "".concat(offsetWidth, "px"),
-      left: "".concat(offsetLeft, "px")
-    });
-  };
-  useEffect(function () {
-    calcBarStyle();
-  }, [radioGroupRef.current, internalValue]);
-  useMutationObservable(radioGroupRef.current, calcBarStyle);
-  var renderBlock = function renderBlock() {
-    if (!variant.includes("filled")) return null;
-    return /* @__PURE__ */React.createElement("div", {
-      style: barStyle,
-      className: "".concat(classPrefix, "-radio-group__bg-block")
-    });
-  };
-  var renderOptions = function renderOptions() {
-    return options.map(function (item) {
-      if (typeof item === "string" || typeof item === "number") {
-        return /* @__PURE__ */React.createElement(_Radio, {
-          value: item,
-          key: item
-        }, item);
-      }
-      return /* @__PURE__ */React.createElement(_Radio, {
-        value: item.value,
-        key: item.value,
-        disabled: item.disabled
-      }, item.label);
-    });
-  };
-  return /* @__PURE__ */React.createElement(CheckContext.Provider, {
-    value: context
-  }, /* @__PURE__ */React.createElement("div", {
-    ref: radioGroupRef,
-    style: style,
-    className: classNames("".concat(classPrefix, "-radio-group"), sizeMap[size], className, (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-radio-group__outline"), variant === "outline"), _defineProperty(_classNames, "".concat(classPrefix, "-radio-group--filled"), variant.includes("filled")), _defineProperty(_classNames, "".concat(classPrefix, "-radio-group--primary-filled"), variant === "primary-filled"), _classNames))
-  }, children || renderOptions(), renderBlock()));
-};
-RadioGroup.displayName = "RadioGroup";
-RadioGroup.defaultProps = radioGroupDefaultProps;
-
-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; }
-var Radio = forwardRefWithStatics(function (props, ref) {
-  return /* @__PURE__ */React.createElement(Check, _objectSpread({
-    ref: ref,
-    type: "radio"
-  }, props));
-}, {
-  Group: RadioGroup,
-  Button: /*#__PURE__*/forwardRef(function (props, ref) {
-    return /* @__PURE__ */React.createElement(Check, _objectSpread({
-      ref: ref,
-      type: "radio-button"
-    }, props));
-  })
-});
-Radio.displayName = "Radio";
-Radio.defaultProps = radioDefaultProps;
-var _Radio = Radio;
-
-export { RadioGroup as R, _Radio as _ };
-//# sourceMappingURL=dep-16c3a90d.js.map

package/es/_chunks/dep-16c3a90d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dep-16c3a90d.js","sources":["../../src/radio/RadioGroup.tsx","../../src/radio/Radio.tsx"],"sourcesContent":["import React, { ReactNode, useState, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../hooks/useConfig';\nimport { TdRadioGroupProps } from './type';\nimport useControlled from '../hooks/useControlled';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport { StyledProps } from '../common';\nimport { CheckContext, CheckContextValue } from '../common/Check';\nimport Radio from './Radio';\nimport useMutationObservable from '../_util/useMutationObserver';\nimport { radioGroupDefaultProps } from './defaultProps';\nimport useKeyboard from './useKeyboard';\n\n/**\n * RadioGroup 组件所接收的属性\n */\nexport interface RadioGroupProps extends TdRadioGroupProps, StyledProps {\n  children?: ReactNode;\n}\n\n/**\n * 单选选项组，里面可以嵌套 <Radio />\n */\nconst RadioGroup = (props: RadioGroupProps) => {\n  const { classPrefix } = useConfig();\n  const { disabled, children, onChange, size, variant, options = [], className, style } = props;\n\n  const [internalValue, setInternalValue] = useControlled(props, 'value', onChange);\n  const [barStyle, setBarStyle] = useState({});\n  const radioGroupRef = useRef<HTMLDivElement>(null);\n\n  useKeyboard(radioGroupRef, setInternalValue);\n\n  const checkedRadioCls = `.${classPrefix}-radio-button.${classPrefix}-is-checked`;\n  const { SIZE: sizeMap } = useCommonClassName();\n\n  const context: CheckContextValue = {\n    inject: (checkProps) => {\n      // 如果已经受控，则不注入\n      if (typeof checkProps.checked !== 'undefined') {\n        return checkProps;\n      }\n\n      const { value: checkValue } = checkProps;\n\n      return {\n        ...checkProps,\n        name: props.name,\n        // 有一个允许取消，就可以取消选中\n        allowUncheck: checkProps.allowUncheck || props.allowUncheck,\n        checked: internalValue === checkProps.value,\n        disabled: checkProps.disabled || disabled,\n        onChange(checked, { e }) {\n          if (typeof checkProps.onChange === 'function') {\n            checkProps.onChange(checked, { e });\n          }\n          setInternalValue(checked ? checkValue : undefined, { e });\n        },\n      };\n    },\n  };\n\n  const calcBarStyle = () => {\n    if (!variant.includes('filled')) return;\n    const checkedRadio = radioGroupRef.current.querySelector?.(checkedRadioCls) as HTMLElement;\n    if (!checkedRadio) return setBarStyle({ width: 0 });\n\n    const { offsetWidth, offsetLeft } = checkedRadio;\n    setBarStyle({ width: `${offsetWidth}px`, left: `${offsetLeft}px` });\n  };\n\n  useEffect(() => {\n    calcBarStyle();\n  }, [radioGroupRef.current, internalValue]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useMutationObservable(radioGroupRef.current, calcBarStyle);\n\n  const renderBlock = () => {\n    if (!variant.includes('filled')) return null;\n    return <div style={barStyle} className={`${classPrefix}-radio-group__bg-block`}></div>;\n  };\n\n  const renderOptions = () =>\n    options.map((item) => {\n      if (typeof item === 'string' || typeof item === 'number') {\n        return (\n          <Radio value={item} key={item}>\n            {item}\n          </Radio>\n        );\n      }\n      return (\n        <Radio value={item.value} key={item.value} disabled={item.disabled}>\n          {item.label}\n        </Radio>\n      );\n    });\n\n  return (\n    <CheckContext.Provider value={context}>\n      <div\n        ref={radioGroupRef}\n        style={style}\n        className={classNames(`${classPrefix}-radio-group`, sizeMap[size], className, {\n          [`${classPrefix}-radio-group__outline`]: variant === 'outline',\n          [`${classPrefix}-radio-group--filled`]: variant.includes('filled'),\n          [`${classPrefix}-radio-group--primary-filled`]: variant === 'primary-filled',\n        })}\n      >\n        {children || renderOptions()}\n        {renderBlock()}\n      </div>\n    </CheckContext.Provider>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nRadioGroup.defaultProps = radioGroupDefaultProps;\n\nexport default RadioGroup;\n","import React, { Ref, forwardRef } from 'react';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport Check, { CheckProps } from '../common/Check';\nimport RadioGroup from './RadioGroup';\nimport { radioDefaultProps } from './defaultProps';\n\nexport type RadioProps = Omit<CheckProps, 'type'>;\n\nconst Radio = forwardRefWithStatics(\n  (props: RadioProps, ref: Ref<HTMLLabelElement>) => <Check ref={ref} type=\"radio\" {...props} />,\n  {\n    Group: RadioGroup,\n    Button: forwardRef((props: RadioProps, ref: Ref<HTMLLabelElement>) => (\n      <Check ref={ref} type=\"radio-button\" {...props} />\n    )),\n  },\n);\n\nRadio.displayName = 'Radio';\nRadio.defaultProps = radioDefaultProps;\n\nexport default Radio;\n"],"names":["RadioGroup","props","_classNames","_useConfig","useConfig","classPrefix","disabled","children","onChange","size","variant","_props$options","options","className","style","_useControlled","useControlled","_useControlled2","_slicedToArray","internalValue","setInternalValue","_useState","useState","_useState2","barStyle","setBarStyle","radioGroupRef","useRef","useKeyboard","checkedRadioCls","concat","_useCommonClassName","useCommonClassName","sizeMap","SIZE","context","inject","checkProps","checked","checkValue","value","_objectSpread","name","allowUncheck","_ref","e","calcBarStyle","_radioGroupRef$curren","_radioGroupRef$curren2","includes","checkedRadio","current","querySelector","call","width","offsetWidth","offsetLeft","left","useEffect","useMutationObservable","renderBlock","React","createElement","renderOptions","map","item","Radio","key","label","CheckContext","Provider","ref","classNames","_defineProperty","displayName","defaultProps","radioGroupDefaultProps","forwardRefWithStatics","Check","type","Group","Button","forwardRef","radioDefaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,IAAMA,UAAA,GAAa,SAAbA,UAAAA,CAAcC,KAA2B,EAAA;AAAA,EAAA,IAAAC,WAAA,CAAA;AACvC,EAAA,IAAAC,UAAA,GAAkBC,SAAU,EAAA;IAA1BC,WAAY,GAAAF,UAAA,CAAZE,WAAY,CAAA;AACd,EAAA,IAAEC,QAAU,GAAsEL,KAAA,CAAhFK,QAAU;IAAAC,QAAA,GAAsEN,KAAA,CAAtEM,QAAA;IAAUC,QAAU,GAAkDP,KAAA,CAA5DO,QAAU;IAAAC,IAAA,GAAkDR,KAAA,CAAlDQ,IAAA;IAAMC,OAAS,GAAmCT,KAAA,CAA5CS,OAAS;IAAAC,cAAA,GAAmCV,KAAA,CAAnCW,OAAA;AAAAA,IAAAA,OAAA,GAAAD,cAAA,KAAU,KAAA,CAAA,GAAA,EAAC,GAAAA,cAAA;IAAGE,SAAW,GAAUZ,KAAA,CAArBY,SAAW;IAAAC,KAAA,GAAUb,KAAA,CAAVa,KAAA,CAAA;EAE9E,IAAAC,cAAA,GAA0CC,aAAc,CAAAf,KAAA,EAAO,SAASO,QAAQ,CAAA;IAAAS,eAAA,GAAAC,cAAA,CAAAH,cAAA,EAAA,CAAA,CAAA;AAAzEI,IAAAA,aAAe,GAAAF,eAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,gBAAgB,GAAAH,eAAA,CAAA,CAAA,CAAA,CAAA;AACtC,EAAA,IAAAI,SAAA,GAAgCC,QAAA,CAAS,EAAE,CAAA;IAAAC,UAAA,GAAAL,cAAA,CAAAG,SAAA,EAAA,CAAA,CAAA;AAApCG,IAAAA,QAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAAE,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAG,aAAA,GAAgBC,OAAuB,IAAI,CAAA,CAAA;AAEjDC,EAAAA,WAAA,CAAYF,eAAeN,gBAAgB,CAAA,CAAA;EAErC,IAAAS,eAAA,OAAAC,MAAA,CAAsBzB,WAA4B,EAAAyB,gBAAAA,CAAAA,CAAAA,MAAA,CAAAzB,WAAA,EAAA,aAAA,CAAA,CAAA;AACxD,EAAA,IAAA0B,mBAAA,GAA0BC,kBAAmB,EAAA;IAA/BC,OAAQ,GAAAF,mBAAA,CAAdG,IAAA,CAAA;AAER,EAAA,IAAMC,OAA6B,GAAA;AACjCC,IAAAA,MAAA,EAAQ,SAAAA,MAACC,CAAAA,UAAe,EAAA;AAElB,MAAA,IAAA,OAAOA,UAAW,CAAAC,OAAA,KAAY,WAAa,EAAA;AACtC,QAAA,OAAAD,UAAA,CAAA;AACT,OAAA;AAEM,MAAA,IAASE,UAAA,GAAeF,UAAA,CAAtBG,KAAO,CAAA;AAER,MAAA,OAAAC,eAAA,CAAAA,eAAA,CAAA,EAAA,EACFJ,UAAA,CAAA,EAAA,EAAA,EAAA;QACHK,MAAMzC,KAAM,CAAAyC,IAAA;AAEZC,QAAAA,YAAA,EAAcN,UAAW,CAAAM,YAAA,IAAgB1C,KAAM,CAAA0C,YAAA;AAC/CL,QAAAA,OAAA,EAASnB,kBAAkBkB,UAAW,CAAAG,KAAA;AACtClC,QAAAA,QAAA,EAAU+B,WAAW/B,QAAY,IAAAA,QAAA;AACjCE,QAAAA,QAAS,EAAAA,SAAAA,QAAAA,CAAA8B,OAAA,EAAAM,IAAA,EAAgB;AAAA,UAAA,IAALC,CAAA,GAAAD,IAAA,CAAAC,CAAA,CAAA;AACd,UAAA,IAAA,OAAOR,UAAW,CAAA7B,QAAA,KAAa,UAAY,EAAA;AAC7C6B,YAAAA,UAAA,CAAW7B,QAAS,CAAA8B,OAAA,EAAS;AAAEO,cAAAA,CAAA,EAAAA,CAAAA;AAAE,aAAC,CAAA,CAAA;AACpC,WAAA;AACAzB,UAAAA,gBAAA,CAAiBkB,OAAU,GAAAC,UAAA,GAAa,KAAW,CAAA,EAAA;AAAEM,YAAAA,GAAAA,CAAAA;AAAE,WAAC,CAAA,CAAA;AAC1D,SAAA;AAAA,OAAA,CAAA,CAAA;AAEJ,KAAA;GACF,CAAA;AAEA,EAAA,IAAMC,eAAe,SAAfA,eAAqB;IAAA,IAAAC,qBAAA,EAAAC,sBAAA,CAAA;AACrB,IAAA,IAAA,CAACtC,OAAQ,CAAAuC,QAAA,CAAS,QAAQ,CAAA,EAAG,OAAA;IACjC,IAAMC,YAAe,IAAAH,qBAAA,GAAA,CAAAC,sBAAA,GAAAtB,aAAA,CAAcyB,OAAQ,EAAAC,aAAA,MAAAL,IAAAA,IAAAA,qBAAA,uBAAtBA,qBAAA,CAAAM,IAAA,CAAAL,sBAAA,EAAsCnB,eAAe,CAAA,CAAA;AAC1E,IAAA,IAAI,CAACqB,YAAA,EAAc,OAAOzB,WAAY,CAAA;AAAE6B,MAAAA,KAAO,EAAA,CAAA;AAAE,KAAC,CAAA,CAAA;AAE5C,IAAA,IAAEC,WAAa,GAAeL,YAAA,CAA5BK,WAAa;MAAAC,UAAA,GAAeN,YAAA,CAAfM,UAAA,CAAA;AACrB/B,IAAAA,WAAA,CAAY;AAAE6B,MAAAA,KAAO,EAAAxB,EAAAA,CAAAA,MAAA,CAAGyB;MAAiBE,IAAM,EAAA,EAAA,CAAA3B,MAAA,CAAG0B;AAAe,KAAC,CAAA,CAAA;GACpE,CAAA;AAEAE,EAAAA,SAAA,CAAU,YAAM;AACDZ,IAAAA,YAAA,EAAA,CAAA;GACZ,EAAA,CAACpB,aAAc,CAAAyB,OAAA,EAAShC,aAAa,CAAC,CAAA,CAAA;AAEnBwC,EAAAA,qBAAA,CAAAjC,aAAA,CAAcyB,SAASL,YAAY,CAAA,CAAA;AAEzD,EAAA,IAAMc,cAAc,SAAdA,cAAoB;IACpB,IAAA,CAAClD,OAAQ,CAAAuC,QAAA,CAAS,QAAQ,CAAA,EAAU,OAAA,IAAA,CAAA;AACxC,IAAA,sBAAQY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAIhD,MAAAA,KAAO,EAAAU,QAAA;MAAUX,qBAAcR,WAAA,EAAA,wBAAA,CAAA;AAAqC,KAAA,CAAA,CAAA;GAClF,CAAA;AAEA,EAAA,IAAM0D,aAAgB,GAAA,SAAhBA,aAAgBA,GAAA;AAAA,IAAA,OACpBnD,OAAQ,CAAAoD,GAAA,CAAI,UAACC,IAAS,EAAA;MACpB,IAAI,OAAOA,IAAA,KAAS,QAAY,IAAA,OAAOA,SAAS,QAAU,EAAA;AACxD,QAAA,sBACGJ,KAAA,CAAAC,aAAA,CAAAI,MAAA,EAAA;AAAM1B,UAAAA,KAAO,EAAAyB,IAAA;AAAME,UAAAA,GAAK,EAAAF,IAAAA;SAAA,EACtBA,IACH,CAAA,CAAA;AAEJ,OAAA;AACA,MAAA,sBACGJ,KAAA,CAAAC,aAAA,CAAAI,MAAA,EAAA;QAAM1B,OAAOyB,IAAK,CAAAzB,KAAA;QAAO2B,KAAKF,IAAK,CAAAzB,KAAA;QAAOlC,UAAU2D,IAAK,CAAA3D,QAAAA;AAAA,OAAA,EACvD2D,KAAKG,KACR,CAAA,CAAA;AAEJ,KAAC,CAAA,CAAA;AAAA,GAAA,CAAA;EAGD,sBAAAP,KAAA,CAAAC,aAAA,CAACO,aAAaC,QAAb,EAAA;AAAsB9B,IAAAA,KAAO,EAAAL,OAAAA;AAAA,GAAA,iBAC3B0B,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACCS,IAAAA,GAAK,EAAA7C,aAAA;AACLZ,IAAAA,KAAA,EAAAA,KAAA;IACAD,WAAW2D,UAAW,CAAA,EAAA,CAAA1C,MAAA,CAAGzB,WAA2B,EAAA,cAAA,CAAA,EAAA4B,OAAA,CAAQxB,OAAOI,SAAW,GAAAX,WAAA,GAAA,EAAA,EAAAuE,eAAA,CAAAvE,WAAA,EAAA,EAAA,CAAA4B,MAAA,CACxEzB,WAAA,EAAA,uBAAA,CAAA,EAAqCK,OAAY,KAAA,SAAA,CAAA,EAAA+D,eAAA,CAAAvE,WAAA,EAAA4B,EAAAA,CAAAA,MAAA,CACjDzB,WAAoC,EAAAK,sBAAAA,CAAAA,EAAAA,OAAA,CAAQuC,SAAS,QAAQ,CAAA,CAAA,EAAAwB,eAAA,CAAAvE,WAAA,EAAA4B,EAAAA,CAAAA,MAAA,CAC7DzB,WAAA,EAA4CK,8BAAAA,CAAAA,EAAAA,OAAY,KAAA,gBAAA,CAAAR,EAAAA,WAAA,EAC7D;GAAA,EAEAK,QAAY,IAAAwD,aAAA,EACZ,EAAAH,WAAA,EACH,CACF,CAAA,CAAA;AAEJ,EAAA;AAEA5D,UAAA,CAAW0E,WAAc,GAAA,YAAA,CAAA;AACzB1E,UAAA,CAAW2E,YAAe,GAAAC,sBAAA;;;;AC7G1B,IAAMV,KAAQ,GAAAW,qBAAA,CACZ,UAAC5E,KAAmB,EAAAsE,GAAA,EAAA;AAAA,EAAA,sBAAgCV,KAAA,CAAAC,aAAA,CAAAgB,KAAA,EAAArC,aAAA,CAAA;AAAM8B,IAAAA,GAAA,EAAAA,GAAA;AAAUQ,IAAAA,IAAK,EAAA,OAAA;GAAY9E,EAAAA,KAAA,CAAO,CAAA,CAAA;AAAA,CAC5F,EAAA;AACE+E,EAAAA,KAAO,EAAAhF,UAAA;AACPiF,EAAAA,MAAQ,eAAAC,UAAA,CAAW,UAACjF,KAAA,EAAmBsE;0BACpCV,KAAA,CAAAC,aAAA,CAAAgB,KAAA,EAAArC,aAAA,CAAA;AAAM8B,MAAAA,GAAA,EAAAA,GAAA;AAAUQ,MAAAA,IAAK,EAAA,cAAA;KAAmB9E,EAAAA,KAAA,CAAO,CACjD,CAAA;AAAA,GAAA,CAAA;AACH,CACF,CAAA,CAAA;AAEAiE,KAAA,CAAMQ,WAAc,GAAA,OAAA,CAAA;AACpBR,KAAA,CAAMS,YAAe,GAAAQ,iBAAA,CAAA;AAErB,aAAejB,KAAA;;;;"}

package/es/_chunks/dep-1b5deeaf.js

@@ -1,501 +0,0 @@
-/**
- * tdesign v1.1.7
- * (c) 2023 tdesign
- * @license MIT
- */
-
-import { _ as _objectWithoutProperties } from './dep-886030e5.js';
-import { _ as _defineProperty } from './dep-a46b17a2.js';
-import { _ as _slicedToArray } from './dep-ea20eb30.js';
-import React, { useState, useEffect, useCallback } from 'react';
-import { i as isArray_1 } from './dep-13ce414c.js';
-import { i as isFunction_1 } from './dep-3489dcba.js';
-import { ImageErrorIcon, MirrorIcon, RotationIcon, ImageIcon } from 'tdesign-icons-react';
-import classNames from 'classnames';
-import { TooltipLite } from '../tooltip/index.js';
-import useConfig from '../hooks/useConfig.js';
-import { useLocaleReceiver } from '../locale/LocalReceiver.js';
-import { downloadFile } from '../image-viewer/utils.js';
-import { Dialog } from '../dialog/index.js';
-import useMirror from '../image-viewer/hooks/useMirror.js';
-import usePosition from '../image-viewer/hooks/usePosition.js';
-import useIndex from '../image-viewer/hooks/useIndex.js';
-import useRotate from '../image-viewer/hooks/useRotate.js';
-import useScale from '../image-viewer/hooks/useScale.js';
-import useGlobalIcon from '../hooks/useGlobalIcon.js';
-import useIconMap from '../image-viewer/hooks/useIconMap.js';
-
-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; }
-var ImageModelMiniContent = function ImageModelMiniContent(props) {
-  var _useConfig = useConfig(),
-    classPrefix = _useConfig.classPrefix;
-  return /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer-mini__content")
-  }, /* @__PURE__ */React.createElement(ImageModelItem, {
-    rotateZ: props.rotateZ,
-    scale: props.scale,
-    mirror: props.mirror,
-    src: props.currentImage.mainImage,
-    preSrc: props.currentImage.thumbnail,
-    errorText: props.errorText
-  }));
-};
-var ImageModelMini = function ImageModelMini(props) {
-  var visible = props.visible,
-    title = props.title,
-    scale = props.scale,
-    currentImage = props.currentImage,
-    draggable = props.draggable,
-    onZoomOut = props.onZoomOut,
-    onZoom = props.onZoom,
-    onClose = props.onClose,
-    onRotate = props.onRotate,
-    onMirror = props.onMirror,
-    onReset = props.onReset,
-    tipText = props.tipText;
-  var _useConfig2 = useConfig(),
-    classPrefix = _useConfig2.classPrefix;
-  var footer = /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer-mini__footer")
-  }, /* @__PURE__ */React.createElement(ImageViewerUtils, {
-    onZoom: onZoom,
-    onZoomOut: onZoomOut,
-    scale: scale,
-    currentImage: currentImage,
-    onRotate: onRotate,
-    onMirror: onMirror,
-    onReset: onReset,
-    tipText: tipText
-  }));
-  return /* @__PURE__ */React.createElement(Dialog, {
-    className: "".concat(classPrefix, "-image-viewer__dialog"),
-    draggable: draggable,
-    visible: visible,
-    width: "min(90vw, 1000px)",
-    placement: "center",
-    mode: "modeless",
-    closeOnOverlayClick: false,
-    cancelBtn: null,
-    confirmBtn: null,
-    header: /* @__PURE__ */React.createElement("span", {
-      className: "".concat(classPrefix, "-image-viewer__dialog-title")
-    }, title),
-    footer: footer,
-    onClose: onClose
-  }, /* @__PURE__ */React.createElement(ImageModelMiniContent, _objectSpread({}, props)));
-};
-
-var _excluded = ["closeOnOverlay", "showOverlay", "zIndex", "images", "isMini", "imageScale", "viewerScale", "closeBtn", "draggable", "onOpen", "onClose", "visible", "title"];
-var ImageError = function ImageError(_ref) {
-  var errorText = _ref.errorText;
-  var _useConfig = useConfig(),
-    classPrefix = _useConfig.classPrefix;
-  var _useGlobalIcon = useGlobalIcon({
-      ImageErrorIcon: ImageErrorIcon
-    }),
-    ImageErrorIcon$1 = _useGlobalIcon.ImageErrorIcon;
-  return /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__img-error")
-  }, /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__img-error-content")
-  }, /* @__PURE__ */React.createElement(ImageErrorIcon$1, {
-    size: "4em"
-  }), /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__img-error-text")
-  }, errorText)));
-};
-var ImageModelItem = function ImageModelItem(_ref2) {
-  var rotateZ = _ref2.rotateZ,
-    scale = _ref2.scale,
-    src = _ref2.src,
-    preSrc = _ref2.preSrc,
-    mirror = _ref2.mirror,
-    errorText = _ref2.errorText;
-  var _useConfig2 = useConfig(),
-    classPrefix = _useConfig2.classPrefix;
-  var _usePosition = usePosition({
-      initPosition: [0, 0]
-    }),
-    _usePosition2 = _slicedToArray(_usePosition, 2),
-    position = _usePosition2[0],
-    _onMouseDown = _usePosition2[1];
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loaded = _useState2[0],
-    setLoaded = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
-  var imgStyle = {
-    transform: "rotateZ(".concat(rotateZ, "deg) scale(").concat(scale, ")"),
-    display: !preSrc || loaded ? "block" : "none"
-  };
-  var preImgStyle = {
-    transform: "rotateZ(".concat(rotateZ, "deg) scale(").concat(scale, ")"),
-    display: !loaded ? "block" : "none"
-  };
-  var boxStyle = {
-    transform: "translate(".concat(position[0], "px, ").concat(position[1], "px) scale(").concat(mirror, ", 1)")
-  };
-  useEffect(function () {
-    setError(false);
-  }, [src]);
-  return /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__modal-pic")
-  }, /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__modal-box"),
-    style: boxStyle
-  }, error && /* @__PURE__ */React.createElement(ImageError, {
-    errorText: errorText
-  }), !error && !!preSrc && /* @__PURE__ */React.createElement("img", {
-    className: "".concat(classPrefix, "-image-viewer__modal-image"),
-    onMouseDown: function onMouseDown(event) {
-      event.stopPropagation();
-      _onMouseDown(event);
-    },
-    src: preSrc,
-    style: preImgStyle,
-    "data-testid": "img-drag",
-    alt: "image",
-    draggable: "false"
-  }), !error && /* @__PURE__ */React.createElement("img", {
-    className: "".concat(classPrefix, "-image-viewer__modal-image"),
-    onMouseDown: function onMouseDown(event) {
-      event.stopPropagation();
-      _onMouseDown(event);
-    },
-    src: src,
-    onLoad: function onLoad() {
-      return setLoaded(true);
-    },
-    onError: function onError() {
-      return setError(true);
-    },
-    style: imgStyle,
-    "data-testid": "img-drag",
-    alt: "image",
-    draggable: "false"
-  })));
-};
-var ROTATE_COUNT = 90;
-var ImageModelIcon = function ImageModelIcon(_ref3) {
-  var onClick = _ref3.onClick,
-    className = _ref3.className,
-    disabled = _ref3.disabled,
-    isRange = _ref3.isRange,
-    name = _ref3.name,
-    label = _ref3.label,
-    _ref3$size = _ref3.size,
-    size = _ref3$size === void 0 ? "16px" : _ref3$size;
-  var _useConfig3 = useConfig(),
-    classPrefix = _useConfig3.classPrefix;
-  var Icons = useIconMap();
-  var Icon = Icons[name];
-  return /* @__PURE__ */React.createElement("div", {
-    className: classNames("".concat(classPrefix, "-image-viewer__modal-icon"), className, _defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled)),
-    onClick: onClick
-  }, name && /* @__PURE__ */React.createElement(Icon, {
-    size: size,
-    className: isRange ? "is-range" : null
-  }), label && /* @__PURE__ */React.createElement("span", {
-    className: "".concat(classPrefix, "-image-viewer__modal-icon-label")
-  }, label));
-};
-var ImageViewerUtils = function ImageViewerUtils(_ref4) {
-  var onZoom = _ref4.onZoom,
-    scale = _ref4.scale,
-    onZoomOut = _ref4.onZoomOut,
-    currentImage = _ref4.currentImage,
-    onRotate = _ref4.onRotate,
-    onMirror = _ref4.onMirror,
-    onReset = _ref4.onReset,
-    tipText = _ref4.tipText;
-  var _useConfig4 = useConfig(),
-    classPrefix = _useConfig4.classPrefix;
-  var _useGlobalIcon2 = useGlobalIcon({
-      MirrorIcon: MirrorIcon,
-      RotationIcon: RotationIcon,
-      ImageIcon: ImageIcon
-    }),
-    MirrorIcon$1 = _useGlobalIcon2.MirrorIcon,
-    RotationIcon$1 = _useGlobalIcon2.RotationIcon,
-    ImageIcon$1 = _useGlobalIcon2.ImageIcon;
-  return /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__utils")
-  }, /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__utils-content")
-  }, /* @__PURE__ */React.createElement(TooltipLite, {
-    className: "".concat(classPrefix, "-image-viewer__utils--tip"),
-    content: tipText.mirror,
-    showShadow: false
-  }, /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__modal-icon")
-  }, /* @__PURE__ */React.createElement(MirrorIcon$1, {
-    size: "medium",
-    onClick: onMirror
-  }))), /* @__PURE__ */React.createElement(TooltipLite, {
-    className: "".concat(classPrefix, "-image-viewer__utils--tip"),
-    content: tipText.rotate,
-    showShadow: false
-  }, /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__modal-icon")
-  }, /* @__PURE__ */React.createElement(RotationIcon$1, {
-    size: "medium",
-    onClick: function onClick() {
-      return onRotate(-ROTATE_COUNT);
-    }
-  }))), /* @__PURE__ */React.createElement(ImageModelIcon, {
-    size: "medium",
-    name: "zoom-out",
-    onClick: onZoomOut
-  }), /* @__PURE__ */React.createElement(ImageModelIcon, {
-    className: "".concat(classPrefix, "-image-viewer__utils-scale"),
-    size: "medium",
-    label: "".concat(scale * 100, "%")
-  }), /* @__PURE__ */React.createElement(ImageModelIcon, {
-    size: "medium",
-    name: "zoom-in",
-    onClick: onZoom
-  }), /* @__PURE__ */React.createElement(TooltipLite, {
-    className: "".concat(classPrefix, "-image-viewer__utils--tip"),
-    content: tipText.originsize,
-    showShadow: false
-  }, /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__modal-icon")
-  }, /* @__PURE__ */React.createElement(ImageIcon$1, {
-    size: "medium",
-    name: "image",
-    onClick: function onClick() {
-      onReset();
-    }
-  }))), currentImage.download && /* @__PURE__ */React.createElement(ImageModelIcon, {
-    size: "medium",
-    name: "download",
-    onClick: function onClick() {
-      downloadFile(currentImage.mainImage);
-    }
-  })));
-};
-var ImageViewerHeader = function ImageViewerHeader(props) {
-  var _useConfig5 = useConfig(),
-    classPrefix = _useConfig5.classPrefix;
-  var images = props.images,
-    currentIndex = props.currentIndex,
-    onImgClick = props.onImgClick;
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isExpand = _useState6[0],
-    setIsExpand = _useState6[1];
-  var transStyle = {
-    transform: "translateX(calc(-".concat(currentIndex, " * (40px / 9 * 16 + 4px)))")
-  };
-  return /* @__PURE__ */React.createElement("div", {
-    className: classNames("".concat(classPrefix, "-image-viewer__modal-header"), _defineProperty({}, "".concat(classPrefix, "-is-show"), isExpand))
-  }, /* @__PURE__ */React.createElement(ImageModelIcon, {
-    name: "chevron-down",
-    className: "".concat(classPrefix, "-image-viewer__header-pre-bt"),
-    onClick: function onClick() {
-      return setIsExpand(!isExpand);
-    }
-  }), /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__header-prev")
-  }, /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__header-trans"),
-    style: transStyle
-  }, images.map(function (image, index) {
-    return /* @__PURE__ */React.createElement("div", {
-      key: index,
-      className: classNames("".concat(classPrefix, "-image-viewer__header-box"), _defineProperty({}, "".concat(classPrefix, "-is-active"), index === currentIndex)),
-      onClick: function onClick() {
-        return onImgClick(index);
-      }
-    }, /* @__PURE__ */React.createElement("img", {
-      alt: "",
-      src: image.thumbnail || image.mainImage,
-      className: "".concat(classPrefix, "-image-viewer__header-img")
-    }));
-  }))));
-};
-var ImageModal = function ImageModal(props) {
-  var closeOnOverlay = props.closeOnOverlay,
-    _props$showOverlay = props.showOverlay,
-    showOverlay = _props$showOverlay === void 0 ? true : _props$showOverlay,
-    zIndex = props.zIndex,
-    images = props.images,
-    isMini = props.isMini,
-    imageScale = props.imageScale,
-    viewerScale = props.viewerScale,
-    closeBtn = props.closeBtn,
-    draggable = props.draggable,
-    onOpen = props.onOpen,
-    onClose = props.onClose,
-    visible = props.visible,
-    title = props.title,
-    resProps = _objectWithoutProperties(props, _excluded);
-  var _useConfig6 = useConfig(),
-    classPrefix = _useConfig6.classPrefix;
-  var _useLocaleReceiver = useLocaleReceiver("imageViewer"),
-    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
-    locale = _useLocaleReceiver2[0],
-    t = _useLocaleReceiver2[1];
-  if (resProps.index === void 0) delete resProps.index;
-  var _useIndex = useIndex(resProps, images),
-    index = _useIndex.index,
-    next = _useIndex.next,
-    prev = _useIndex.prev,
-    setIndex = _useIndex.setIndex;
-  var _useRotate = useRotate(),
-    rotateZ = _useRotate.rotateZ,
-    onResetRotate = _useRotate.onResetRotate,
-    onRotate = _useRotate.onRotate;
-  var _useScale = useScale(imageScale),
-    scale = _useScale.scale,
-    onZoom = _useScale.onZoom,
-    onZoomOut = _useScale.onZoomOut,
-    onResetScale = _useScale.onResetScale;
-  var _useMirror = useMirror(),
-    mirror = _useMirror.mirror,
-    onResetMirror = _useMirror.onResetMirror,
-    onMirror = _useMirror.onMirror;
-  var onReset = useCallback(function () {
-    onResetScale();
-    onResetRotate();
-    onResetMirror();
-  }, [onResetMirror, onResetScale, onResetRotate]);
-  var onScroll = useCallback(function (e) {
-    var deltaY = e.deltaY;
-    deltaY > 0 ? onZoom() : onZoomOut();
-  }, [onZoom, onZoomOut]);
-  var onKeyDown = useCallback(function (event) {
-    switch (event.key) {
-      case "ArrowRight":
-        return next();
-      case "ArrowLeft":
-        return prev();
-      case "ArrowUp":
-        return onZoom();
-      case "ArrowDown":
-        return onZoomOut();
-      case "Escape":
-        return onClose === null || onClose === void 0 ? void 0 : onClose({
-          trigger: "esc",
-          e: event
-        });
-    }
-  }, [next, onClose, prev, onZoom, onZoomOut]);
-  useEffect(function () {
-    document.addEventListener("keydown", onKeyDown);
-    return function () {
-      return document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [onKeyDown]);
-  useEffect(function () {
-    onReset();
-  }, [index, onReset]);
-  if (!isArray_1(images) || images.length < 1) return null;
-  var currentImage = images[index];
-  var tipText = {
-    mirror: t(locale.mirrorTipText),
-    rotate: t(locale.rotateTipText),
-    originsize: t(locale.originalSizeTipText)
-  };
-  var errorText = t(locale.errorText);
-  if (isMini) {
-    return /* @__PURE__ */React.createElement(ImageModelMini, {
-      visible: visible,
-      draggable: draggable,
-      index: index,
-      images: images,
-      imageScale: imageScale,
-      viewerScale: viewerScale,
-      rotateZ: rotateZ,
-      zIndex: zIndex,
-      currentImage: currentImage,
-      prev: prev,
-      next: next,
-      mirror: mirror,
-      scale: scale,
-      title: title,
-      onMirror: onMirror,
-      onZoom: onZoom,
-      onClose: onClose,
-      onZoomOut: onZoomOut,
-      onScroll: onScroll,
-      onReset: onReset,
-      onRotate: onRotate,
-      errorText: errorText,
-      tipText: tipText
-    });
-  }
-  var closeNode = closeBtn;
-  if (closeBtn === true) {
-    closeNode = /* @__PURE__ */React.createElement(ImageModelIcon, {
-      name: "close",
-      size: "24px",
-      className: "".concat(classPrefix, "-image-viewer__modal-close-bt "),
-      onClick: function onClick(e) {
-        return onClose && onClose({
-          trigger: "close-btn",
-          e: e
-        });
-      }
-    });
-  } else if (isFunction_1(closeBtn)) closeNode = closeBtn({
-    onClose: onClose,
-    onOpen: onOpen
-  });
-  return /* @__PURE__ */React.createElement("div", {
-    className: classNames("".concat(classPrefix, "-image-viewer-preview-image"), _defineProperty({}, "".concat(classPrefix, "-is-hide"), !visible)),
-    onWheel: onScroll,
-    style: {
-      zIndex: zIndex
-    }
-  }, !!showOverlay && /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__modal-mask"),
-    onClick: function onClick(e) {
-      return closeOnOverlay && (onClose === null || onClose === void 0 ? void 0 : onClose({
-        trigger: "overlay",
-        e: e
-      }));
-    }
-  }), images.length > 1 && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(ImageViewerHeader, {
-    images: images,
-    currentIndex: index,
-    onImgClick: setIndex
-  }), /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-image-viewer__modal-index")
-  }, /* @__PURE__ */React.createElement("span", null, title), "".concat(index + 1, "/").concat(images.length)), /* @__PURE__ */React.createElement(ImageModelIcon, {
-    size: "24px",
-    name: "chevron-left",
-    className: "".concat(classPrefix, "-image-viewer__modal-prev-bt"),
-    onClick: prev,
-    disabled: index <= 0
-  }), /* @__PURE__ */React.createElement(ImageModelIcon, {
-    size: "24px",
-    name: "chevron-right",
-    className: "".concat(classPrefix, "-image-viewer__modal-next-bt"),
-    onClick: next,
-    disabled: index >= images.length - 1
-  })), /* @__PURE__ */React.createElement(ImageViewerUtils, {
-    onZoom: onZoom,
-    onZoomOut: onZoomOut,
-    scale: scale,
-    currentImage: currentImage,
-    onRotate: onRotate,
-    onMirror: onMirror,
-    onReset: onReset,
-    tipText: tipText
-  }), closeNode, /* @__PURE__ */React.createElement(ImageModelItem, {
-    scale: scale,
-    rotateZ: rotateZ,
-    mirror: mirror,
-    preSrc: currentImage.thumbnail,
-    src: currentImage.mainImage,
-    errorText: errorText
-  }));
-};
-
-export { ImageModal as I, ImageModelMiniContent as a, ImageModelMini as b, ImageModelItem as c, ImageViewerUtils as d };
-//# sourceMappingURL=dep-1b5deeaf.js.map