@trionesdev/antd-taro-react 0.0.1-beta.4 → 0.0.2-beta.0

package/dist/Images/demo/base.js

@@ -1,101 +0,0 @@
-/**
- * compact: true
- */
-import { DemoBlock } from "../../DemoBlock";
-import React from 'react';
-import "./base.scss";
-import Space from "../../Space";
-import Image from "../index";
-var demoSrc = 'https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=60';
-var demoSrc2 = 'https://images.unsplash.com/photo-1620476214170-1d8080f65cdb?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3150&q=80';
-export default (function () {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      userSelect: 'none'
-    }
-  }, /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u57FA\u7840\u7528\u6CD5"
-  }, /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc
-  })), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u591A\u79CD\u586B\u5145\u6A21\u5F0F"
-  }, /*#__PURE__*/React.createElement(Space, {
-    wrap: true
-  }, /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc,
-    width: 100,
-    height: 100,
-    fit: "fill"
-  }), /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc,
-    width: 100,
-    height: 100,
-    fit: "contain"
-  }), /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc,
-    width: 100,
-    height: 100,
-    fit: "cover"
-  }), /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc,
-    width: 100,
-    height: 100,
-    fit: "scale-down"
-  }), /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc,
-    width: 100,
-    height: 100,
-    fit: "none"
-  }))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u81EA\u5B9A\u4E49\u5706\u89D2"
-  }, /*#__PURE__*/React.createElement(Space, {
-    wrap: true
-  }, /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc,
-    width: 64,
-    height: 64,
-    fit: "cover",
-    style: {
-      borderRadius: 4
-    }
-  }), /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc,
-    width: 64,
-    height: 64,
-    fit: "cover",
-    style: {
-      borderRadius: 8
-    }
-  }), /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc,
-    width: 64,
-    height: 64,
-    fit: "cover",
-    style: {
-      borderRadius: 32
-    }
-  }))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u901A\u8FC7 CSS \u53D8\u91CF\u7EDF\u4E00\u8BBE\u7F6E\u56FE\u7247\u5927\u5C0F"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "imagesContainer"
-  }, /*#__PURE__*/React.createElement(Space, {
-    wrap: true
-  }, /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc
-  }), /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc
-  }), /*#__PURE__*/React.createElement(Image, {
-    src: demoSrc
-  })))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u52A0\u8F7D\u5931\u8D25"
-  }, /*#__PURE__*/React.createElement(Image, {
-    src: "/404",
-    width: 100,
-    height: 100
-  })), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u61D2\u52A0\u8F7D"
-  }, /*#__PURE__*/React.createElement(Image, {
-    lazy: true,
-    src: demoSrc2
-  })));
-});

package/dist/Images/demo/base.scss

@@ -1,4 +0,0 @@
-.imagesContainer {
-  --triones-antm-image-width: 90px;
-  --triones-antm-image-height: 60px;
-}

package/dist/Images/image-icon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ImageIcon: () => React.JSX.Element;

package/dist/Images/image-icon.js

@@ -1,11 +0,0 @@
-import React from 'react';
-export var ImageIcon = function ImageIcon() {
-  return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 48 48",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M41.396 6.234c1.923 0 3.487 1.574 3.487 3.505v29.14c0 1.937-1.568 3.51-3.491 3.51H6.604c-1.923 0-3.487-1.573-3.487-3.51V9.745c0-1.936 1.564-3.51 3.487-3.51Zm0 2.847H6.604c-.355 0-.654.3-.654.658V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.405 2.405 0 0 1 1.933.752l4.182 4.525 7.58-11.005a2.374 2.374 0 0 1 1.96-1.01c.79 0 1.532.38 1.966 1.01L42.05 34.89V9.74a.664.664 0 0 0-.654-.658Zm-28.305 2.763a3.119 3.119 0 0 1 3.117 3.117 3.119 3.119 0 0 1-3.117 3.117 3.122 3.122 0 0 1-3.117-3.117 3.119 3.119 0 0 1 3.117-3.117Z",
-    fill: "#DBDBDB",
-    fillRule: "nonzero"
-  }));
-};

package/dist/Images/image.d.ts

@@ -1,19 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import { NativeProps } from '../utils/native-props';
-export type ImageProps = {
-    src?: string;
-    alt?: string;
-    width?: number | string;
-    height?: number | string;
-    fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-    placeholder?: ReactNode;
-    fallback?: ReactNode;
-    lazy?: boolean;
-    draggable?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLImageElement, Event>) => void;
-    onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
-    onLoad?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
-    onContainerClick?: (event: React.MouseEvent<HTMLDivElement, Event>) => void;
-} & NativeProps<'--width' | '--height'> & Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'crossOrigin' | 'decoding' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'id'>;
-export declare const Image: React.FC<ImageProps>;

package/dist/Images/image.js

@@ -1,114 +0,0 @@
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useRef, useState } from 'react';
-import { staged } from 'staged-components';
-import { withNativeProps } from "../utils/native-props";
-import { toCSSLength } from "../utils/to-css-length";
-import { useIsomorphicUpdateLayoutEffect } from "../utils/use-isomorphic-update-layout-effect";
-import { mergeProps } from "../utils/with-default-props";
-import { BrokenImageIcon } from "./broken-image-icon";
-import { ImageIcon } from "./image-icon";
-import { LazyDetector } from "./lazy-detector";
-var classPrefix = "triones-antm-image";
-var defaultProps = {
-  fit: 'fill',
-  placeholder: /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-tip")
-  }, /*#__PURE__*/React.createElement(ImageIcon, null)),
-  fallback: /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-tip")
-  }, /*#__PURE__*/React.createElement(BrokenImageIcon, null)),
-  lazy: false,
-  draggable: false
-};
-export var Image = staged(function (p) {
-  var props = mergeProps(defaultProps, p);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loaded = _useState2[0],
-    setLoaded = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    failed = _useState4[0],
-    setFailed = _useState4[1];
-  var ref = useRef(null);
-  var imgRef = useRef(null);
-  var src = props.src;
-  var srcSet = props.srcSet;
-  var _useState5 = useState(!props.lazy),
-    _useState6 = _slicedToArray(_useState5, 2),
-    initialized = _useState6[0],
-    setInitialized = _useState6[1];
-  src = initialized ? props.src : undefined;
-  srcSet = initialized ? props.srcSet : undefined;
-  useIsomorphicUpdateLayoutEffect(function () {
-    setLoaded(false);
-    setFailed(false);
-  }, [src]);
-  useEffect(function () {
-    var _imgRef$current;
-    // for nextjs ssr
-    if ((_imgRef$current = imgRef.current) !== null && _imgRef$current !== void 0 && _imgRef$current.complete) {
-      setLoaded(true);
-    }
-  }, []);
-  function renderInner() {
-    if (failed) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, props.fallback);
-    }
-    var img = /*#__PURE__*/React.createElement("img", {
-      ref: imgRef,
-      id: props.id,
-      className: "".concat(classPrefix, "-img"),
-      src: src,
-      alt: props.alt,
-      onClick: props.onClick,
-      onLoad: function onLoad(e) {
-        var _props$onLoad;
-        setLoaded(true);
-        (_props$onLoad = props.onLoad) === null || _props$onLoad === void 0 || _props$onLoad.call(props, e);
-      },
-      onError: function onError(e) {
-        var _props$onError;
-        setFailed(true);
-        (_props$onError = props.onError) === null || _props$onError === void 0 || _props$onError.call(props, e);
-      },
-      style: {
-        objectFit: props.fit,
-        display: loaded ? 'block' : 'none'
-      },
-      crossOrigin: props.crossOrigin,
-      decoding: props.decoding,
-      loading: props.loading,
-      referrerPolicy: props.referrerPolicy,
-      sizes: props.sizes,
-      srcSet: srcSet,
-      useMap: props.useMap,
-      draggable: props.draggable
-    });
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !loaded && props.placeholder, img);
-  }
-  var style = {};
-  if (props.width) {
-    style['--width'] = toCSSLength(props.width);
-    style['width'] = toCSSLength(props.width);
-  }
-  if (props.height) {
-    style['--height'] = toCSSLength(props.height);
-    style['height'] = toCSSLength(props.height);
-  }
-  return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: classPrefix,
-    style: style,
-    onClick: props.onContainerClick
-  }, props.lazy && !initialized && /*#__PURE__*/React.createElement(LazyDetector, {
-    onActive: function onActive() {
-      setInitialized(true);
-    }
-  }), renderInner()));
-});

package/dist/Images/index.d.ts

@@ -1,4 +0,0 @@
-import { Image } from './image';
-import './style.scss';
-export type { ImageProps } from './image';
-export default Image;

package/dist/Images/index.js

@@ -1,3 +0,0 @@
-import { Image } from "./image";
-import "./style.scss";
-export default Image;

package/dist/Images/lazy-detector.d.ts

@@ -1,6 +0,0 @@
-import type { FC } from 'react';
-type Props = {
-    onActive: () => void;
-};
-export declare const LazyDetector: FC<Props>;
-export {};

package/dist/Images/lazy-detector.js

@@ -1,22 +0,0 @@
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useInViewport } from 'ahooks';
-import React, { useEffect, useRef } from 'react';
-export var LazyDetector = function LazyDetector(props) {
-  var ref = useRef(null);
-  var _useInViewport = useInViewport(ref),
-    _useInViewport2 = _slicedToArray(_useInViewport, 1),
-    inViewport = _useInViewport2[0];
-  useEffect(function () {
-    if (inViewport) {
-      props.onActive();
-    }
-  }, [inViewport]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  });
-};

package/dist/Images/style.scss

@@ -1,30 +0,0 @@
-$class-prefix-image: 'triones-antm-image';
-
-.#{$class-prefix-image} {
-  --width: var(--triones-antm-image-width, auto);
-  --height: var(--triones-antm-image-height, auto);
-  width: var(--width);
-  height: var(--height);
-  display: block;
-  overflow: hidden;
-  &-img {
-    width: 100%;
-    height: 100%;
-  }
-  &-tip {
-    position: relative;
-    background-color: var(--triones-antm-color-fill-content);
-    height: 100%;
-    min-height: 24px;
-    min-width: 24px;
-    > svg {
-      width: 24px;
-      height: 24px;
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-      color: var(--triones-antm-color-weak);
-    }
-  }
-}

package/dist/Input/base-input.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export type BaseInputProps = {
-    className?: string;
-    style?: React.CSSProperties;
-    placeholder?: string;
-    type?: 'text' | 'password' | 'textarea';
-    disabled?: boolean;
-    value?: any;
-    onChange?: (e: any) => void;
-};
-export interface BaseInputHandle {
-    clear?: () => void;
-}
-export declare const BaseInput: React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<BaseInputHandle>>;

package/dist/Input/base-input.js

@@ -1,54 +0,0 @@
-var _excluded = ["className", "style", "placeholder", "type", "value", "onChange"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import classNames from 'classnames';
-import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
-export var BaseInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    style = _ref.style,
-    placeholder = _ref.placeholder,
-    type = _ref.type,
-    value = _ref.value,
-    _onChange = _ref.onChange,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    keySequence = _useState2[0],
-    setKeySequence = _useState2[1];
-  var _useState3 = useState(value || ''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    innerValue = _useState4[0],
-    setInnerValue = _useState4[1];
-  useImperativeHandle(ref, function () {
-    return {
-      clear: function clear() {
-        setInnerValue('');
-        _onChange === null || _onChange === void 0 || _onChange('');
-      }
-    };
-  });
-  var cls = 'triones-antm-input';
-  useEffect(function () {
-    setKeySequence(keySequence + 1);
-  }, [type]);
-  return /*#__PURE__*/React.createElement("input", _extends({
-    key: keySequence
-  }, props, {
-    className: classNames(["".concat(cls), className]),
-    style: style,
-    placeholder: placeholder,
-    type: type,
-    value: innerValue,
-    onChange: function onChange(e) {
-      setInnerValue(e.target.value);
-      _onChange === null || _onChange === void 0 || _onChange(e);
-    }
-  }));
-});

package/dist/Input/demo/base.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/Input/demo/base.js

@@ -1,25 +0,0 @@
-/**
- * compact: true
- */
-import { DemoBlock } from "../../DemoBlock";
-import React from 'react';
-import Input from "../index";
-export default (function () {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u57FA\u7840\u7528\u6CD5"
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9"
-  })), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u5E26\u6E05\u9664\u6309\u94AE"
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
-    allowClear: true
-  })), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u5BC6\u7801\u6A21\u5F0F"
-  }, /*#__PURE__*/React.createElement(Input.Password, {
-    placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
-    allowClear: true
-  })), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "OPT\u6A21\u5F0F"
-  }, /*#__PURE__*/React.createElement(Input.OPT, null)));
-});

package/dist/Input/index.scss

@@ -1,160 +0,0 @@
-@import "../style/variable";
-
-$inputCls: 'triones-antm-input';
-$inputAffixWrapperCls: 'triones-antm-input-affix-wrapper';
-$inputGroupWrapperCls: 'triones-antm-input-group-wrapper';
-$inputPotCls: 'triones-antm-pot';
-
-input {
-  height: auto;
-}
-
-.#{$inputCls} {
-  box-sizing: border-box;
-  display: inline-block;
-  position: relative;
-  width: 100%;
-  min-width: 0;
-  transition: all .2s;
-  padding: $trionesInputPaddingBlock $trionesInputPaddingInline;
-  outline: none;
-  box-shadow: none;
-  border: none;
-  line-height: $trionesLineHeight;
-  border-radius: $trionesBorderRadiusSm;
-  font-size: 14Px;
-  height: auto;
-
-  &::placeholder {
-    font-size: 14Px;
-    color: #cccccc;
-  }
-}
-
-
-.#{$inputAffixWrapperCls} {
-  box-sizing: border-box;
-  position: relative;
-  display: inline-flex;
-  width: 100%;
-  min-width: 0;
-  line-height: $trionesLineHeight;
-  padding: $trionesInputPaddingBlock $trionesInputPaddingInline;
-  gap: 4Px;
-
-  &::before {
-
-    display: inline-block;
-    width: 0;
-    visibility: hidden;
-    content: "\a0";
-  }
-
-  &::after {
-
-  }
-
-  .#{$inputCls} {
-    padding: 0;
-    background-color: transparent;
-
-    &-prifix {
-    }
-
-    &-suffix {
-      display: inline-flex;
-      align-items: center;
-      flex-shrink: 0;
-      gap: 4Px;
-
-      .clear-icon {
-        color: rgba(0, 0, 0, 0.25);
-
-
-        &:hover {
-          color: rgba(0, 0, 0, 0.45);
-        }
-      }
-
-      .triones-antm-icon {
-        cursor: pointer;
-      }
-    }
-  }
-}
-
-.#{$inputGroupWrapperCls} {
-}
-
-
-.#{$inputPotCls} {
-  position: relative;
-  display: inline-flex;
-  &-wrapper{
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    flex-wrap: nowrap;
-    column-gap: 8Px;
-  }
-  &-input {
-    position: absolute;
-    background-color: transparent;
-    z-index: -1;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    opacity: 0;
-    -moz-appearance: textfield;
-    &::-webkit-outer-spin-button,
-    &::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-  }
-
-  &-item {
-    text-align: center;
-    font-size: 14Px;
-    height: 32Px;
-    width: 32Px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-
-
-    &::placeholder {
-      font-size: 14Px;
-    }
-    &-focus{
-      &::after{
-        content: ' ';
-        height: 100%;
-        width: 0.5Px;
-        background-color: #0a0a0a;
-        transition: transform 0.1s ease;
-        animation: blink 1s step-end infinite;
-      }
-    }
-
-  }
-
-  .#{$inputCls}-outlined {
-    font-size: 14Px;
-    color: rgba(0, 0, 0, 0.88);
-    background: #ffffff;
-    border-width: 1Px;
-    border-style: solid;
-    border-color: #d9d9d9;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-  }
-}
-
-@keyframes blink  {
-  50% {
-    background-color: transparent;
-  }
-}

package/dist/Input/input-affix-wrapper.d.ts

@@ -1,8 +0,0 @@
-import React, { FC } from 'react';
-import { BaseInputProps } from './base-input';
-export type InputAffixWrapperProps = BaseInputProps & {
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    allowClear?: boolean;
-};
-export declare const InputAffixWrapper: FC<InputAffixWrapperProps>;

package/dist/Input/input-affix-wrapper.js

@@ -1,50 +0,0 @@
-var _excluded = ["prefix", "suffix", "allowClear", "value", "onChange"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { CloseCircleFill } from '@trionesdev/antd-taro-icons-react';
-import classNames from 'classnames';
-import React, { useRef } from 'react';
-import { BaseInput } from "./base-input";
-export var InputAffixWrapper = function InputAffixWrapper(_ref) {
-  var prefix = _ref.prefix,
-    suffix = _ref.suffix,
-    allowClear = _ref.allowClear,
-    value = _ref.value,
-    _onChange = _ref.onChange,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _React$useState = React.useState(value),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    innerValue = _React$useState2[0],
-    setInnerValue = _React$useState2[1];
-  var baseInputRef = useRef({});
-  var cls = 'triones-antm-input-affix-wrapper';
-  var inputCls = 'triones-antm-input';
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames([cls])
-  }, prefix && /*#__PURE__*/React.createElement("div", {
-    className: classNames(["".concat(inputCls, "-prefix")])
-  }, prefix), /*#__PURE__*/React.createElement(BaseInput, _extends({
-    ref: baseInputRef
-  }, rest, {
-    value: value,
-    onChange: function onChange(value) {
-      setInnerValue(value);
-      _onChange === null || _onChange === void 0 || _onChange(value);
-    }
-  })), (suffix || allowClear) && /*#__PURE__*/React.createElement("div", {
-    className: classNames(["".concat(inputCls, "-suffix")])
-  }, allowClear && innerValue && /*#__PURE__*/React.createElement(CloseCircleFill, {
-    className: "clear-icon",
-    onClick: function onClick() {
-      var _baseInputRef$current, _baseInputRef$current2;
-      (_baseInputRef$current = (_baseInputRef$current2 = baseInputRef.current).clear) === null || _baseInputRef$current === void 0 || _baseInputRef$current.call(_baseInputRef$current2);
-    }
-  }), suffix));
-};