taro-react-uilib 1.4.24-2 → 1.4.24-4

package/dist/components/Curtain/index.js

@@ -1,2 +0,0 @@
-import{__read as e}from"../node_modules/tslib/tslib.es6.js";import t from"react";import{View as n}from"@tarojs/components";import o from"classnames";var a=function(a){var s=a.children,i=a.className,l=a.visible,r=a.showClose,c=void 0===r||r,m=a.onVisibleChange,u=a.maskClosable,f=void 0!==u&&u,p=e(t.useState(!1),2),d=p[0],h=p[1],b=o("xh-curtain",i,{visible:l},{toggle:d}),g=function(e){null==e||e.stopPropagation(),h((function(e){return!e}))};return t.createElement(t.Fragment,null,t.createElement(n,{className:b,onClick:function(e){f&&g(e)},onAnimationEnd:function(e){d&&(!function(e){e.stopPropagation(),m(!l)}(e),g())}},t.createElement(n,{className:"xh-curtain-content"},s),c&&t.createElement(n,{className:"xh-curtain-close",onClick:g})),l&&t.createElement(n,{className:"xh-curtain-mask"}))};export{a as default};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Curtain/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { View } from \"@tarojs/components\";\nimport classNames from \"classnames\";\nimport { XHComponentCommonProps } from \"@/types\";\n\nimport \"./index.scss\";\n\nexport type XHModalProps = {\n  /**\n   * 是否显示\n   */\n  visible: boolean;\n  transparent?: boolean;\n  /**\n   * 是否显示关闭按钮\n   * @default true\n   */\n  showClose?: boolean;\n  onVisibleChange: (visible: boolean) => void;\n  maskClosable?: boolean;\n} & XHComponentCommonProps;\n\nconst Modal: React.FC<React.PropsWithChildren<XHModalProps>> = props => {\n  const {\n    children,\n    className,\n    visible,\n    showClose = true,\n    onVisibleChange,\n    maskClosable = false,\n  } = props;\n\n  const [toggle, setToggle] = React.useState(false);\n\n  const cls = classNames(\"xh-curtain\", className, { visible }, { toggle });\n\n  const handleVisibleChange = e => {\n    e.stopPropagation();\n    onVisibleChange(!visible);\n  };\n\n  const handleClose = (e?: any) => {\n    e?.stopPropagation();\n    setToggle(old => !old);\n  };\n\n  const handleCloseAnimationEnd = e => {\n    if (toggle) {\n      handleVisibleChange(e);\n      handleClose();\n    }\n  };\n\n  const handleMaskClick = e => {\n    if (maskClosable) handleClose(e);\n  };\n\n  return (\n    <>\n      <View\n        className={cls}\n        onClick={handleMaskClick}\n        onAnimationEnd={handleCloseAnimationEnd}\n      >\n        <View className=\"xh-curtain-content\">{children}</View>\n        {showClose && (\n          <View className=\"xh-curtain-close\" onClick={handleClose} />\n        )}\n      </View>\n      {visible && <View className=\"xh-curtain-mask\"></View>}\n    </>\n  );\n};\n\nexport default Modal;\n"],"names":["Modal","props","children","className","visible","_a","showClose","onVisibleChange","_b","maskClosable","_c","__read","React","useState","toggle","setToggle","cls","classNames","handleClose","e","stopPropagation","old","createElement","Fragment","View","onClick","onAnimationEnd","handleVisibleChange"],"mappings":"qJAsBM,IAAAA,EAAyD,SAAAC,GAE3D,IAAAC,EAMED,EANMC,SACRC,EAKEF,EALOE,UACTC,EAIEH,EAJKG,QACPC,EAGEJ,EAAKK,UAHPA,cAAgBD,EAChBE,EAEEN,EAAKM,gBADPC,EACEP,EADkBQ,aAApBA,OAAe,IAAAD,KAGXE,EAAAC,EAAsBC,EAAMC,UAAS,GAAM,GAA1CC,EAAMJ,EAAA,GAAEK,OAETC,EAAMC,EAAW,aAAcd,EAAW,CAAEC,QAAOA,GAAI,CAAEU,OAAMA,IAO/DI,EAAc,SAACC,GACnBA,SAAAA,EAAGC,kBACHL,GAAU,SAAAM,GAAO,OAACA,CAAG,GACvB,EAaA,OACET,EAAAU,cAAAV,EAAAW,SAAA,KACEX,EAAAU,cAACE,EAAI,CACHrB,UAAWa,EACXS,QARkB,SAAAN,GAClBV,GAAcS,EAAYC,EAChC,EAOMO,eAhB0B,SAAAP,GAC1BL,KAXsB,SAAAK,GAC1BA,EAAEC,kBACFb,GAAiBH,EACnB,CASIuB,CAAoBR,GACpBD,IAEJ,GAaMN,EAAAU,cAACE,EAAK,CAAArB,UAAU,sBAAsBD,GACrCI,GACCM,EAACU,cAAAE,GAAKrB,UAAU,mBAAmBsB,QAASP,KAG/Cd,GAAWQ,EAACU,cAAAE,EAAK,CAAArB,UAAU,oBAGlC"}

package/dist/styles/components/curtain.scss

@@ -1,105 +0,0 @@
-@import "../../styles/themes/variable.scss";
-
-@font-face {
-  font-family: "xh-iconfont"; /* Project id 4043926 */
-  src:
-    url('./font/iconfont.woff2?t=1687140360510') format('woff2'),
-    url('./font/iconfont.woff?t=1687140360510') format('woff'),
-    url('./font/iconfont.ttf?t=1687140360510') format('truetype');
-}
-
-#{$xh-prefix}-curtain {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  justify-content: center;
-  align-items: center;
-  z-index: 1000;
-  display: none;
-  text-align: center;
-  touch-action: none;
-  &.visible {
-    display: flex;
-    animation: bounceIn 0.35s forwards cubic-bezier(0.215, 0.61, 0.355, 1);
-  }
-  &.toggle {
-    display: flex;
-    animation: bounceOut 0.35s forwards cubic-bezier(0.215, 0.61, 0.355, 1);
-  }
-  &-content {
-    margin-bottom: 42px;
-    width: 80%;
-    display: flex;
-    place-items: center;
-    flex-direction: column;
-    img, image {
-      max-width: 100%;
-      /*  #ifdef  h5  */
-      height: auto;
-      /*  #endif */
-      display: block;
-      object-fit: contain;
-    }
-  }
-  &-mask {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: rgba(0, 0, 0, 0.5);
-    z-index: 999;
-  }
-
-  &-close {
-    display: block;
-    font-family: 'xh-iconfont';
-    -webkit-font-smoothing: antialiased;
-    font-size: 30PX;
-    color: #FFF;
-    &:before {
-      content: "\e608";
-    }
-  }
-}
-
-@keyframes bounceIn {
-  0% {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-  }
-  20% {
-    transform: scale3d(0.6, 0.6, 0.6);
-  }
-  50% {
-    opacity: 1;
-    transform: scale3d(0.8, .8, .8);
-  }
-  80% {
-    transform: scale3d(0.97, 0.97, 0.97);
-  }
-  to {
-    opacity: 1;
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes bounceOut {
-
-  50%,
-  55% {
-    opacity: 1;
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-    transform: scale3d(0.3, 0.3, 0.3);
-  }
-}

package/types/components/Curtain/index.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import { XHComponentCommonProps } from "@/types";
-export declare type XHModalProps = {
-    /**
-     * 是否显示
-     */
-    visible: boolean;
-    transparent?: boolean;
-    /**
-     * 是否显示关闭按钮
-     * @default true
-     */
-    showClose?: boolean;
-    onVisibleChange: (visible: boolean) => void;
-    maskClosable?: boolean;
-} & XHComponentCommonProps;
-declare const Modal: React.FC<React.PropsWithChildren<XHModalProps>>;
-export default Modal;