@trionesdev/antd-mobile-react 0.0.2-beta.0

package/dist/Image/demo/base.js

@@ -0,0 +1,101 @@
+/**
+ * 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/Image/demo/base.scss

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

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

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

package/dist/Image/image-icon.js

@@ -0,0 +1,11 @@
+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/Image/image.d.ts

@@ -0,0 +1,19 @@
+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/Image/image.js

@@ -0,0 +1,113 @@
+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);
+  }
+  if (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/Image/index.d.ts

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

package/dist/Image/index.js

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

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

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

package/dist/Image/lazy-detector.js

@@ -0,0 +1,22 @@
+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/Image/style.scss

@@ -0,0 +1,30 @@
+$class-prefix-image: 'triones-antm-image';
+
+.#{$class-prefix-image} {
+  overflow: hidden;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  position: relative;
+  &-img {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+  }
+  &-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/ImagesPreview/ImagesPreview.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import "./style.scss";
+export type ImagePreviewProps = {
+    className?: string;
+    open?: boolean;
+    items?: (string | undefined)[];
+    width?: number;
+    height?: number;
+    activeIndex?: number;
+    afterOpenChange?: (open: boolean) => void;
+};
+export declare const ImagesPreview: FC<ImagePreviewProps>;

package/dist/ImagesPreview/ImagesPreview.js

@@ -0,0 +1,83 @@
+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 } from "react";
+import Mask from "../Mask";
+import classNames from "classnames";
+import { Swiper, Image } from "../index";
+import "./style.scss";
+var cls = 'triones-antm-image-preview';
+export var ImagesPreview = function ImagesPreview(_ref) {
+  var className = _ref.className,
+    open = _ref.open,
+    items = _ref.items,
+    activeIndex = _ref.activeIndex,
+    afterOpenChange = _ref.afterOpenChange;
+  var _React$useState = React.useState(open || false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    innerOpen = _React$useState2[0],
+    setInnerOpen = _React$useState2[1];
+  var _React$useState3 = React.useState(activeIndex || 0),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    innerActiveIndex = _React$useState4[0],
+    setInnerActiveIndex = _React$useState4[1];
+  useEffect(function () {
+    if (open === undefined) {
+      return;
+    }
+    if (open === innerOpen) {
+      return;
+    }
+    setInnerOpen(open);
+  }, [open]);
+  useEffect(function () {
+    afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(innerOpen);
+  }, [innerOpen]);
+  useEffect(function () {
+    if (activeIndex === undefined) {
+      return;
+    }
+    if (activeIndex === innerActiveIndex) {
+      return;
+    }
+    setInnerActiveIndex(activeIndex);
+  }, [activeIndex]);
+  return /*#__PURE__*/React.createElement(Mask, {
+    open: innerOpen
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(cls, className),
+    onClick: function onClick() {
+      setInnerOpen(false);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(cls, "-head"))
+  }, "".concat(innerActiveIndex + 1, "/").concat(items === null || items === void 0 ? void 0 : items.length)), /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(cls, "-content"))
+  }, /*#__PURE__*/React.createElement(Swiper, {
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    activeIndex: innerActiveIndex,
+    onChange: setInnerActiveIndex,
+    items: items === null || items === void 0 ? void 0 : items.map(function (item) {
+      return {
+        children: /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: '100%'
+          },
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            e.preventDefault();
+          }
+        }, /*#__PURE__*/React.createElement(Image, {
+          src: item,
+          alt: ""
+        }))
+      };
+    })
+  }))));
+};

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

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

package/dist/ImagesPreview/demo/base.js

@@ -0,0 +1,30 @@
+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 from "react";
+import { DemoBlock } from "../../DemoBlock";
+import Button from "../../Button";
+import ImagePreview from "../index";
+export default (function () {
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: '基本使用'
+  }, /*#__PURE__*/React.createElement(ImagePreview, {
+    open: open,
+    afterOpenChange: function afterOpenChange(value) {
+      setOpen(value);
+    },
+    items: ['https://m.360buyimg.com/mobilecms/s750x366_jfs/t1/26597/30/4870/174583/5c35c5d2Ed55eedc6/50e27870c25e7a82.png', 'https://m.360buyimg.com/mobilecms/s750x366_jfs/t1/30042/36/427/82951/5c3bfdabE3faf2f66/9adca782661c988c.jpg', 'https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg', 'https://m.360buyimg.com/mobilecms/s750x366_jfs/t1/9542/17/12873/201687/5c3c4362Ea9eb757d/60026b40a9d60d85.jpg']
+  }), /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    onClick: function onClick() {
+      setOpen(true);
+    }
+  }, "\u9884\u89C8")));
+});

package/dist/ImagesPreview/index.d.ts

@@ -0,0 +1,3 @@
+import { ImagesPreview, ImagePreviewProps } from './ImagesPreview';
+export type { ImagePreviewProps };
+export default ImagesPreview;

package/dist/ImagesPreview/index.js

@@ -0,0 +1,2 @@
+import { ImagesPreview } from "./ImagesPreview";
+export default ImagesPreview;

package/dist/ImagesPreview/style.scss

@@ -0,0 +1,34 @@
+$imagePreviewCls: 'triones-antm-image-preview';
+
+.#{$imagePreviewCls} {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background-color: rgba(0, 0, 0, 0.8);
+
+  &-head {
+    position: fixed;
+    top: 50Px;
+    left: 0;
+    right: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    font-size: 14Px;
+    z-index: 1000;
+  }
+
+  &-content {
+    height: 100%;
+    width: 100%;
+    :global{
+      .triones-antm-image-img{
+        height: auto!important;
+      }
+    }
+  }
+
+  &-foot {
+  }
+}

package/dist/ImagesWall/CameraModal.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+type CameraPopupProps = {
+    open?: boolean;
+};
+export declare const CameraModal: FC<CameraPopupProps>;
+export {};

package/dist/ImagesWall/CameraModal.js

@@ -0,0 +1,23 @@
+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 from "react";
+import Mask from "../Mask";
+export var CameraModal = function CameraModal(_ref) {
+  var open = _ref.open;
+  var _React$useState = React.useState(open || false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    innerOpen = _React$useState2[0],
+    setInnerOpen = _React$useState2[1];
+  return /*#__PURE__*/React.createElement(Mask, {
+    open: innerOpen
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  }, "sss"));
+};

package/dist/ImagesWall/ImagesWall.d.ts

@@ -0,0 +1,29 @@
+import { FC } from "react";
+import "./style.scss";
+type ImagesWallItemType = {
+    uid?: string;
+    url?: string;
+    status?: 'uploading' | 'done' | 'error';
+};
+export type ImagesWallItemProps = {
+    preview?: boolean;
+    disabled?: boolean;
+    images: ImagesWallItemType[];
+    image: ImagesWallItemType;
+    onChange?: (image: ImagesWallItemType) => void;
+    onPreview?: (image: ImagesWallItemType) => void;
+    onClose?: () => void;
+};
+export type ImagesWallProps = {
+    className?: string;
+    disabled?: boolean;
+    value?: ImagesWallItemType[];
+    onChange?: (value: ImagesWallItemType[]) => void;
+    columns?: number;
+    preview?: boolean;
+    onRequest?: (file: File) => Promise<string>;
+    customUploadAction?: () => void;
+    customPreviewAction?: (urls: (string | undefined)[], current?: string) => void;
+};
+export declare const ImagesWall: FC<ImagesWallProps>;
+export {};