@tarojs/components 3.6.0-canary.1 → 3.6.0-canary.11

package/dist/react/react-component-lib/utils/case.js

@@ -1,10 +0,0 @@
-export var dashToPascalCase = function dashToPascalCase(str) {
-  return str.toLowerCase().split('-').map(function (segment) {
-    return segment.charAt(0).toUpperCase() + segment.slice(1);
-  }).join('');
-};
-export var camelToDashCase = function camelToDashCase(str) {
-  return str.replace(/([A-Z])/g, function (m) {
-    return "-".concat(m[0].toLowerCase());
-  });
-};

package/dist/react/react-component-lib/utils/dev.js

@@ -1,12 +0,0 @@
-export var isDevMode = function isDevMode() {
-  return process && process.env && process.env.NODE_ENV === 'development';
-};
-var warnings = {};
-export var deprecationWarning = function deprecationWarning(key, message) {
-  if (isDevMode()) {
-    if (!warnings[key]) {
-      console.warn(message);
-      warnings[key] = true;
-    }
-  }
-};

package/dist/taro-components/p-057159bc.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/button/style/index.scss?tag=taro-button-core","src/components/button/button.tsx"],"names":["indexCss","Button","exports","class_1","prototype","onTouchStart","_this","this","disabled","touch","hoverClass","setTimeout","hover","hoverStartTime","onTouchEnd","hoverStayTime","formType","onSubmit","emit","onReset","render","_b","type","size","plain","loading","cls","classNames","_a","concat","h","Host","class"],"mappings":"gNAAA,IAAMA,EAAW,+1GCOJC,EAAMC,EAAA,mBAAA,+JAEI,yBACN,uBACU,sBACD,yDAGN,oBAC6C,gBAI9C,iBACA,MAWjBC,EAAAC,UAAAC,aAAA,WAAA,IAAAC,EAAAC,KACE,GAAIA,KAAKC,SAAU,CACjB,OAGFD,KAAKE,MAAQ,KACb,GAAIF,KAAKG,aAAeH,KAAKC,SAAU,CACrCG,YAAW,WACT,GAAIL,EAAKG,MAAO,CACdH,EAAKM,MAAQ,QAEdL,KAAKM,kBAKZV,EAAAC,UAAAU,WAAA,WAAA,IAAAR,EAAAC,KACE,GAAIA,KAAKC,SAAU,CACjB,OAGFD,KAAKE,MAAQ,MACb,GAAIF,KAAKG,aAAeH,KAAKC,SAAU,CACrCG,YAAW,WACT,IAAKL,EAAKG,MAAO,CACfH,EAAKM,MAAQ,SAEdL,KAAKQ,eAGV,GAAIR,KAAKS,WAAa,SAAU,CAC9BT,KAAKU,SAASC,YACT,GAAIX,KAAKS,WAAa,QAAS,CACpCT,KAAKY,QAAQD,SAIjBf,EAAAC,UAAAgB,OAAA,iBACQ,IAAAC,EAQFd,KAPFC,EAAQa,EAAAb,SACRE,EAAUW,EAAAX,WACVY,EAAID,EAAAC,KACJC,EAAIF,EAAAE,KACJC,EAAKH,EAAAG,MACLC,EAAOJ,EAAAI,QACPb,EAAKS,EAAAT,MAGP,IAAMc,EAAMC,GAAUC,EAAA,GACpBA,EAAC,GAAAC,OAAGnB,IAAeE,IAAUJ,MAG/B,OACEsB,EAACC,EAAI,CACHC,MAAON,EACPJ,KAAMA,EACNE,MAAOA,EACPC,QAASA,EACTF,KAAMA,EACNf,SAAUA,GAETiB,GAAWK,EAAA,IAAA,CAAGE,MAAM,iBACrBF,EAAA,OAAA,6HAvFW","sourcesContent":["$weuiBtnHeight: 46px;\n$weuiBtnFontSize: 18px;\n$weuiBtnFontColor: #fff;\n$weuiBtnActiveFontColor: rgb(255 255 255 / 60%);\n$weuiBtnDisabledFontColor: rgb(255 255 255 / 60%);\n$weuiBtnBorderRadius: 5px;\n$weuiBtnDefaultGap: 15px;\n\n// Button Mini\n$weuiBtnMiniFontSize: 13px;\n$weuiBtnMiniHeight: 2.3;\n\n// Button Default\n$weuiBtnDefaultFontColor: #000;\n$weuiBtnDefaultActiveFontColor: rgb(0 0 0 / 60%);\n$weuiBtnDefaultDisabledFontColor: rgb(0 0 0 / 30%);\n$weuiBtnDefaultBg: #f8f8f8;\n$weuiBtnDefaultActiveBg: #dedede;\n$weuiBtnDefaultDisabledBg: #f7f7f7;\n\n// Button Primary\n$weuiBtnPrimaryBg: #1aad19;\n$weuiBtnPrimaryActiveBg: #179b16;\n$weuiBtnPrimaryDisabledBg: #9ed99d;\n\n// Button Warn\n$weuiBtnWarnBg: #e64340;\n$weuiBtnWarnActiveBg: #ce3c39;\n$weuiBtnWarnDisabledBg: #ec8b89;\n\n// Button Plain Primary\n$weuiBtnPlainPrimaryColor: rgb(26 173 25 / 100%);\n$weuiBtnPlainPrimaryBorderColor: rgb(26 173 25 / 100%);\n$weuiBtnPlainPrimaryActiveColor: rgb(26 173 25 / 60%);\n$weuiBtnPlainPrimaryActiveBorderColor: rgb(26 173 25 / 60%);\n\n// Button Plain Default\n$weuiBtnPlainDefaultColor: rgb(53 53 53 / 100%);\n$weuiBtnPlainDefaultBorderColor: rgb(53 53 53 / 100%);\n$weuiBtnPlainDefaultActiveColor: rgb(53 53 53 / 60%);\n$weuiBtnPlainDefaultActiveBorderColor: rgb(53 53 53 / 60%);\n\ntaro-button-core {\n  display: block;\n  overflow: hidden;\n  position: relative;\n  box-sizing: border-box;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 14px;\n  padding-right: 14px;\n  border-width: 0;\n  border-radius: $weuiBtnBorderRadius;\n  width: 100%;\n  appearance: none;\n  outline: 0;\n  background-color: $weuiBtnDefaultBg;\n  line-height: 2.55555556;\n  text-decoration: none;\n  text-align: center;\n  font-size: $weuiBtnFontSize;\n  color: $weuiBtnDefaultFontColor;\n  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n\n  &:focus {\n    outline: 0;\n  }\n\n  &:not([disabled]):active {\n    background-color: $weuiBtnDefaultActiveBg;\n    color: $weuiBtnDefaultActiveFontColor;\n  }\n\n  &::after {\n    position: absolute;\n    left: 0;\n    top: 0;\n    box-sizing: border-box;\n    border: 1px solid rgb(0 0 0 / 20%);\n    border-radius: $weuiBtnBorderRadius * 2;\n    width: 200%;\n    height: 200%;\n    content: \" \";\n    transform: scale(0.5);\n    transform-origin: 0 0;\n  }\n\n  & + & {\n    margin-top: $weuiBtnDefaultGap;\n  }\n\n  &[type=\"default\"] {\n    background-color: $weuiBtnDefaultBg;\n    color: $weuiBtnDefaultFontColor;\n\n    &:not([disabled]):visited {\n      color: $weuiBtnDefaultFontColor;\n    }\n\n    &:not([disabled]):active {\n      background-color: $weuiBtnDefaultActiveBg;\n      color: $weuiBtnDefaultActiveFontColor;\n    }\n  }\n\n  &[size=\"mini\"] {\n    display: inline-block;\n    padding: 0 1.32em;\n    width: auto;\n    line-height: $weuiBtnMiniHeight;\n    font-size: $weuiBtnMiniFontSize;\n  }\n\n  &[plain],\n  &[plain][type=\"default\"],\n  &[plain][type=\"primary\"] {\n    border-width: 1px;\n    background-color: transparent;\n  }\n\n  &[disabled] {\n    color: $weuiBtnDisabledFontColor;\n\n    &[type=\"default\"] {\n      background-color: $weuiBtnDefaultDisabledBg;\n      color: $weuiBtnDefaultDisabledFontColor;\n    }\n\n    &[type=\"primary\"] {\n      background-color: $weuiBtnPrimaryDisabledBg;\n    }\n\n    &[type=\"warn\"] {\n      background-color: $weuiBtnWarnDisabledBg;\n    }\n  }\n\n  &[loading] {\n    .weui-loading {\n      margin: -0.2em 0.34em 0 0;\n    }\n\n    &[type=\"primary\"],\n    &[type=\"warn\"] {\n      color: $weuiBtnActiveFontColor;\n    }\n\n    &[type=\"primary\"] {\n      background-color: $weuiBtnPrimaryActiveBg;\n    }\n\n    &[type=\"warn\"] {\n      background-color: $weuiBtnWarnActiveBg;\n    }\n  }\n\n  &[plain][type=\"primary\"] {\n    border: 1px solid $weuiBtnPlainPrimaryBorderColor;\n    color: $weuiBtnPlainPrimaryColor;\n\n    &:not([disabled]):active {\n      border-color: $weuiBtnPlainPrimaryActiveBorderColor;\n      background-color: transparent;\n      color: $weuiBtnPlainPrimaryActiveColor;\n    }\n\n    &::after {\n      border-width: 0;\n    }\n  }\n\n  &[plain],\n  &[plain][type=\"default\"] {\n    border: 1px solid $weuiBtnPlainDefaultBorderColor;\n    color: $weuiBtnPlainDefaultColor;\n\n    &:not([disabled]):active {\n      border-color: $weuiBtnPlainDefaultActiveBorderColor;\n      background-color: transparent;\n      color: $weuiBtnPlainDefaultActiveColor;\n    }\n\n    &::after {\n      border-width: 0;\n    }\n  }\n\n  &[type=\"primary\"] {\n    background-color: $weuiBtnPrimaryBg;\n    color: #fff;\n\n    &:not([disabled]):visited {\n      color: $weuiBtnFontColor;\n    }\n\n    &:not([disabled]):active {\n      background-color: $weuiBtnPrimaryActiveBg;\n      color: $weuiBtnActiveFontColor;\n    }\n  }\n\n  &[type=\"warn\"] {\n    background-color: $weuiBtnWarnBg;\n    color: #fff;\n\n    &:not([disabled]):visited {\n      color: $weuiBtnFontColor;\n    }\n\n    &:not([disabled]):active {\n      background-color: $weuiBtnWarnActiveBg;\n      color: $weuiBtnActiveFontColor;\n    }\n  }\n\n  &[plain][disabled] {\n    border: 1px solid rgb(0 0 0 / 20%);\n    background-color: #f7f7f7;\n    color: rgb(0 0 0 / 30%);\n  }\n\n  &[plain][disabled][type=\"primary\"] {\n    border: 1px solid rgb(0 0 0 / 20%);\n    background-color: #f7f7f7;\n    color: rgb(0 0 0 / 30%);\n  }\n}\n","import { Component, h, Prop, State, ComponentInterface, Event, EventEmitter, Listen, Element, Host } from '@stencil/core'\nimport classNames from 'classnames'\n\n@Component({\n  tag: 'taro-button-core',\n  styleUrl: './style/index.scss'\n})\nexport class Button implements ComponentInterface {\n  @Prop() disabled: boolean\n  @Prop() hoverClass = 'button-hover'\n  @Prop() type = ''\n  @Prop() hoverStartTime = 20\n  @Prop() hoverStayTime = 70\n  @Prop() size: string\n  @Prop() plain: boolean\n  @Prop() loading = false\n  @Prop({ reflect: true }) formType: 'submit' | 'reset' | null = null\n\n  @Element() el: HTMLElement\n\n  @State() hover = false\n  @State() touch = false\n\n  @Event({\n    eventName: 'tarobuttonsubmit'\n  }) onSubmit: EventEmitter\n\n  @Event({\n    eventName: 'tarobuttonreset'\n  }) onReset: EventEmitter\n\n  @Listen('touchstart')\n  onTouchStart () {\n    if (this.disabled) {\n      return\n    }\n\n    this.touch = true\n    if (this.hoverClass && !this.disabled) {\n      setTimeout(() => {\n        if (this.touch) {\n          this.hover = true\n        }\n      }, this.hoverStartTime)\n    }\n  }\n\n  @Listen('touchend')\n  onTouchEnd () {\n    if (this.disabled) {\n      return\n    }\n\n    this.touch = false\n    if (this.hoverClass && !this.disabled) {\n      setTimeout(() => {\n        if (!this.touch) {\n          this.hover = false\n        }\n      }, this.hoverStayTime)\n    }\n\n    if (this.formType === 'submit') {\n      this.onSubmit.emit()\n    } else if (this.formType === 'reset') {\n      this.onReset.emit()\n    }\n  }\n\n  render () {\n    const {\n      disabled,\n      hoverClass,\n      type,\n      size,\n      plain,\n      loading,\n      hover\n    } = this\n\n    const cls = classNames({\n      [`${hoverClass}`]: hover && !disabled\n    })\n\n    return (\n      <Host\n        class={cls}\n        type={type}\n        plain={plain}\n        loading={loading}\n        size={size}\n        disabled={disabled}\n      >\n        {loading && <i class='weui-loading' />}\n        <slot />\n      </Host>\n    )\n  }\n}\n"]}