@sheinx/base 3.0.0-alpha.1

package/cjs/image/image.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ImageProps } from './image.type';
+declare const Image: {
+    (props: ImageProps): JSX.Element;
+    Group: (props: import("./image-group.type").ImageGroupProps) => JSX.Element;
+};
+export default Image;
+//# sourceMappingURL=image.d.ts.map

package/cjs/image/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C,QAAA,MAAM,KAAK;YAAW,UAAU;;CAmM/B,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/cjs/image/image.js

@@ -0,0 +1,246 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _hooks = require("@sheinx/hooks");
+var _config = require("../config");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _imageEvent = _interopRequireDefault(require("./image-event"));
+var _imageGroup = _interopRequireDefault(require("./image-group"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["fit", "alt", "src", "href", "lazy", "title", "style", "error", "target", "jssStyle", "className", "placeholder", "width", "height", "shape", "autoSSL", "noImgDrag", "onClick", "componentRef"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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) { (0, _defineProperty2.default)(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 PLACEHOLDER = 0;
+var SRC = 1;
+var ALT = 2;
+var ERROR = 3;
+var Image = function Image(props) {
+  var _jssStyle$image, _classNames;
+  var fit = props.fit,
+    alt = props.alt,
+    src = props.src,
+    href = props.href,
+    lazy = props.lazy,
+    title = props.title,
+    style = props.style,
+    error = props.error,
+    target = props.target,
+    jssStyle = props.jssStyle,
+    className = props.className,
+    placeholder = props.placeholder,
+    _props$width = props.width,
+    width = _props$width === void 0 ? '100%' : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? '100%' : _props$height,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'rounded' : _props$shape,
+    autoSSL = props.autoSSL,
+    noImgDrag = props.noImgDrag,
+    onClick = props.onClick,
+    componentRef = props.componentRef,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useImage = (0, _hooks.useImage)(_objectSpread({
+      container: (0, _config.getDefaultContainer)(),
+      alt: alt,
+      src: src,
+      href: href,
+      lazy: lazy,
+      autoSSL: autoSSL,
+      noImgDrag: noImgDrag
+    }, rest)),
+    status = _useImage.status,
+    getRootProps = _useImage.getRootProps,
+    getImageProps = _useImage.getImageProps,
+    getImageDivProps = _useImage.getImageDivProps;
+  var imageStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$image = jssStyle.image) === null || _jssStyle$image === void 0 ? void 0 : _jssStyle$image.call(jssStyle)) || {};
+  var shouldPreview = href && target === '_modal' && status !== ERROR && status !== PLACEHOLDER;
+  var shouldDownload = target === '_download';
+  var rootProps = getRootProps(_objectSpread({
+    download: shouldDownload,
+    target: shouldDownload ? '_self' : target,
+    href: !href || target !== '_modal' ? href : undefined,
+    style: Object.assign({}, style, {
+      width: width,
+      paddingBottom: height
+    }),
+    onClick: onClick
+  }, rest));
+  var rootClass = (0, _classnames.default)(className, imageStyle.image, (_classNames = {}, (0, _defineProperty2.default)(_classNames, imageStyle.href, !!href), (0, _defineProperty2.default)(_classNames, imageStyle.fit, fit === 'fit'), (0, _defineProperty2.default)(_classNames, imageStyle.fill, fit === 'fill'), (0, _defineProperty2.default)(_classNames, imageStyle.center, fit === 'center'), (0, _defineProperty2.default)(_classNames, imageStyle.stretch, fit === 'stretch'), (0, _defineProperty2.default)(_classNames, imageStyle.circle, shape === 'circle'), (0, _defineProperty2.default)(_classNames, imageStyle.rounded, shape === 'rounded'), (0, _defineProperty2.default)(_classNames, imageStyle.thumbnail, shape === 'thumbnail'), (0, _defineProperty2.default)(_classNames, imageStyle.preview, shouldPreview), (0, _defineProperty2.default)(_classNames, imageStyle.download, shouldDownload), _classNames));
+  var imgClass = (0, _classnames.default)(imageStyle.img);
+  var imgInnerClass = (0, _classnames.default)(imageStyle.inner);
+  var placeholderClass = (0, _classnames.default)(imageStyle.placeholder);
+  var defaultPlaceholderClass = (0, _classnames.default)(imageStyle.defaultPlaceholder);
+  var errorClass = (0, _classnames.default)(imageStyle.error);
+  var defaultErrorClass = (0, _classnames.default)(imageStyle.defaultError);
+  var maskClass = (0, _classnames.default)(imageStyle.previewMask);
+  var handleOpenGallery = function handleOpenGallery(e) {
+    // 2.0 逻辑为：如果有 onClick 事件，则不会触发 Modal
+    if (onClick) {
+      // 该 onClick 在 hooks 中固定触发，无需在外部单独触发
+      return;
+    }
+    if (shouldPreview) {
+      e.preventDefault();
+      (0, _imageEvent.default)(jssStyle, {
+        thumb: src,
+        src: href || src,
+        key: 'key'
+      });
+    }
+  };
+  var preview = (0, _hooks.usePersistFn)(function () {
+    (0, _imageEvent.default)(jssStyle, {
+      thumb: src,
+      src: href || src,
+      key: 'key'
+    });
+  });
+  var ComponentRef = (0, _hooks.useLatestObj)({
+    preview: preview
+  });
+  (0, _react.useEffect)(function () {
+    componentRef === null || componentRef === void 0 ? void 0 : componentRef(ComponentRef);
+  }, []);
+  var renderImgeInnerEl = function renderImgeInnerEl(src) {
+    var imageProps = getImageProps({
+      src: src
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: imgInnerClass,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", _objectSpread({
+        className: imgClass
+      }, imageProps))
+    });
+  };
+  var renderDivInnerEl = function renderDivInnerEl(src) {
+    var imageDivProps = getImageDivProps({
+      style: {
+        backgroundImage: "url(".concat(src, ")")
+      }
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread({
+      className: imgInnerClass
+    }, imageDivProps));
+  };
+
+  // 渲染 img / div 类型的内部标签
+  var renderInner = function renderInner(src) {
+    return fit === 'fill' || fit === 'fit' ? renderDivInnerEl(src) : renderImgeInnerEl(src);
+  };
+
+  // 默认占位图
+  var renderDefaultPlaceholder = function renderDefaultPlaceholder() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: defaultPlaceholderClass,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+          clipPath: "url(#clip0_1483_450)",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M7.99984 0.666626C12.0499 0.666626 15.3332 3.94987 15.3332 7.99996C15.3332 12.05 12.0499 15.3333 7.99984 15.3333C3.94975 15.3333 0.666504 12.05 0.666504 7.99996C0.666504 7.63177 0.964981 7.33329 1.33317 7.33329C1.70136 7.33329 1.99984 7.63177 1.99984 7.99996C1.99984 11.3137 4.68613 14 7.99984 14C11.3135 14 13.9998 11.3137 13.9998 7.99996C13.9998 4.68625 11.3135 1.99996 7.99984 1.99996C7.63165 1.99996 7.33317 1.70148 7.33317 1.33329C7.33317 0.965103 7.63165 0.666626 7.99984 0.666626Z",
+            fill: "#B3B7C1"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
+            id: "clip0_1483_450",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              width: "16",
+              height: "16",
+              fill: "white"
+            })
+          })
+        })]
+      })
+    });
+  };
+
+  // 占位图
+  var renderPlaceholder = function renderPlaceholder() {
+    if (placeholder) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: placeholderClass,
+        children: placeholder
+      });
+    }
+    return renderDefaultPlaceholder();
+  };
+
+  // 默认错误图
+  var renderDefaultError = function renderDefaultError() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: defaultErrorClass,
+      children: title || _icons.default.LoadingError2
+    });
+  };
+
+  // 错误图
+  var renderError = function renderError() {
+    if (error) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: errorClass,
+        children: error
+      });
+    }
+    return renderDefaultError();
+  };
+
+  // 根据图片的加载情况，渲染不同的内容
+  var renderImage = function renderImage() {
+    switch (status) {
+      case PLACEHOLDER:
+        return renderPlaceholder();
+      case SRC:
+        return renderInner(src);
+      case ALT:
+        return renderInner(alt);
+      case ERROR:
+        return renderError();
+      default:
+        return null;
+    }
+  };
+
+  // 遮罩层
+  var renderMask = function renderMask() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: maskClass,
+      onClick: handleOpenGallery,
+      children: [shouldDownload && _icons.default.Download, shouldPreview && _icons.default.Preview]
+    });
+  };
+
+  // 根据是否有 href 属性，渲染不同的标签
+  var Tag = href ? 'a' : 'div';
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    (0, _jsxRuntime.jsxs)(Tag, _objectSpread(_objectSpread({}, rootProps), {}, {
+      className: rootClass,
+      children: [renderImage(), (shouldPreview || shouldDownload) && renderMask()]
+    }))
+  );
+};
+Image.Group = _imageGroup.default;
+var _default = Image;
+exports.default = _default;

package/cjs/image/image.type.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { BaseImageProps } from '@sheinx/hooks';
+import { ImageClasses } from '@sheinx/shineout-style';
+import { CommonType } from '../common/type';
+export declare type MagnifyPositionType = 'left' | 'right' | 'center';
+export declare type ImageJssStyleType = {
+    image?: () => ImageClasses;
+};
+export interface ImageGroupClasses {
+    group: string;
+}
+export declare type Image = {
+    src?: string;
+    thumb?: string;
+    key?: number | string;
+};
+export interface ImageGalleryProps {
+    jssStyle?: ImageJssStyleType;
+    images: Image[];
+    onClose: () => void;
+    current: number;
+}
+export interface ImageMagnifyProps {
+    src?: string;
+    position: MagnifyPositionType;
+    maxWidth: number;
+    maxHeight: number;
+    lockScroll: (isLock: boolean) => void;
+    className?: string;
+}
+export interface ImageBaseProps extends BaseImageProps, Pick<CommonType, 'style' | 'className'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onError' | 'placeholder'> {
+    jssStyle?: ImageJssStyleType;
+    renderImage?: (imageEl: React.ReactNode) => React.ReactElement;
+    renderError?: (errorEl: React.ReactNode) => React.ReactElement;
+    renderWrapper?: (wrapperEl: React.ReactNode) => React.ReactElement;
+    renderPlaceholder?: (placeholderEl: React.ReactNode) => React.ReactElement;
+    renderInnerWrapper?: (innerWrapperEl: React.ReactNode) => React.ReactElement;
+    componentRef?: (instance: {
+        preview: () => void;
+    }) => void;
+}
+export declare type ImageProps = ImageBaseProps;
+//# sourceMappingURL=image.type.d.ts.map

package/cjs/image/image.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.type.d.ts","sourceRoot":"","sources":["image.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,oBAAY,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE9D,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,KAAK,GAAG;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,MAAM,WAAW,cACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,CAAC,EACvC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;IACnF,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IAC/D,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IAC/D,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IACnE,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IAC3E,kBAAkB,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IAC7E,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5D;AAED,oBAAY,UAAU,GAAG,cAAc,CAAC"}

package/cjs/image/image.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/image/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Image } from './image';
+export type { ImageProps } from './image.type';
+export { default as ImageGroup } from './image-group';
+export type { ImageGroupProps } from './image-group.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/cjs/image/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function get() {
+    return _image.default;
+  }
+});
+Object.defineProperty(exports, "ImageGroup", {
+  enumerable: true,
+  get: function get() {
+    return _imageGroup.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _image.default;
+  }
+});
+var _image = _interopRequireDefault(require("./image"));
+var _imageGroup = _interopRequireDefault(require("./image-group"));

package/cjs/index.d.ts

@@ -0,0 +1,43 @@
+export * from './alert';
+export * from './breadcrumb';
+export * from './button';
+export * from './carousel';
+export * from './checkbox';
+export * from './config';
+export * from './date-picker';
+export * from './divider';
+export * from './dropdown';
+export * from './editable-area';
+export * from './empty';
+export * from './form';
+export * from './gap';
+export * from './icon';
+export * from './image';
+export * from './input';
+export * from './list';
+export * from './menu';
+export * from './message';
+export * from './modal';
+export * from './pagination';
+export * from './popover';
+export * from './progress';
+export * from './radio';
+export * from './rate';
+export * from './rule';
+export * from './select';
+export * from './slider';
+export * from './spin';
+export * from './sticky';
+export * from './steps';
+export * from './switch';
+export * from './table';
+export * from './tabs';
+export * from './tag';
+export * from './textarea';
+export * from './tooltip';
+export * from './transfer';
+export * from './tree';
+export * from './upload';
+export type { ObjectType } from '@sheinx/hooks';
+export { default as Icons } from './icons';
+//# sourceMappingURL=index.d.ts.map

package/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AAEzB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}