@tarojs/components 3.6.22-nightly.7 → 3.6.22-nightly.9

package/dist/cjs/taro-switch-core.cjs.entry.js

@@ -13,7 +13,7 @@ const Switch = class {
     this.switchChange = e => {
       e.stopPropagation();
       const value = e.target.checked;
-      this.isChecked = value;
+      this.checked = value;
       this.onChange.emit({
         value
       });
@@ -24,34 +24,35 @@ const Switch = class {
     this.name = undefined;
     this.disabled = false;
     this.nativeProps = {};
-    this.isChecked = undefined;
     this.isWillLoadCalled = false;
   }
-  function(newVal, oldVal) {
+  function(newValue) {
     if (!this.isWillLoadCalled)
       return;
-    if (newVal !== oldVal)
-      this.isChecked = newVal;
+    if (this.inputRef.checked !== newValue) {
+      this.inputRef.checked = newValue;
+    }
   }
   componentWillLoad() {
     this.isWillLoadCalled = true;
-    this.isChecked = this.checked;
   }
   componentDidLoad() {
     Object.defineProperty(this.el, 'value', {
-      get: () => this.isChecked,
+      get: () => this.checked,
       configurable: true
     });
   }
   render() {
-    const { type, color, isChecked, name, disabled, nativeProps } = this;
-    const style = isChecked
+    const { type, color, checked, name, disabled, nativeProps } = this;
+    const style = checked
       ? {
         borderColor: color || '04BE02',
         backgroundColor: color || '04BE02'
       }
       : {};
-    return (index.h("input", Object.assign({ type: 'checkbox', class: `weui-${type}`, style: style, checked: isChecked, name: name, disabled: disabled, onChange: this.switchChange }, nativeProps)));
+    return (index.h("input", Object.assign({ ref: input => {
+        this.inputRef = input;
+      }, type: 'checkbox', class: `weui-${type}`, style: style, checked: checked, name: name, disabled: disabled, onChange: this.switchChange }, nativeProps)));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/taro-tabbar.cjs.entry.js

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dbbe9dde.js');
+const index$1 = require('./index-dbbe9dde.js');
 const runtime = require('@tarojs/runtime');
 const Taro = require('@tarojs/taro');
-const classNames = require('classnames');
+const index = require('./index-f6805218.js');
 const resolvePathname = require('resolve-pathname');
-const index$1 = require('./index-dfd8638f.js');
+const index$2 = require('./index-dfd8638f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 const Taro__default = /*#__PURE__*/_interopDefaultLegacy(Taro);
-const classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 const resolvePathname__default = /*#__PURE__*/_interopDefaultLegacy(resolvePathname);
 
 const splitUrl = _url => {
@@ -37,8 +36,8 @@ const splitUrl = _url => {
   return res;
 };
 
-const TabbarItem = ({ index: index$2, isSelected = false, textColor, iconPath, badgeText, showRedDot = false, pagePath, text, onSelect }) => {
-  const className = classNames__default['default']('weui-tabbar__item', {
+const TabbarItem = ({ index: index$3, isSelected = false, textColor, iconPath, badgeText, showRedDot = false, pagePath, text, onSelect }) => {
+  const className = index.classnames('weui-tabbar__item', {
     'weui-bar__item_on': isSelected
   });
   const badgeStyle = {
@@ -53,17 +52,17 @@ const TabbarItem = ({ index: index$2, isSelected = false, textColor, iconPath, b
   };
   function onClick() {
     const page = Taro__default['default'].getCurrentPages().shift();
-    if (typeof (page === null || page === void 0 ? void 0 : page.onTabItemTap) === 'function' && index$1.isVisible(this)) {
-      page.onTabItemTap({ index: index$2, pagePath, text });
+    if (typeof (page === null || page === void 0 ? void 0 : page.onTabItemTap) === 'function' && index$2.isVisible(this)) {
+      page.onTabItemTap({ index: index$3, pagePath, text });
     }
-    onSelect(index$2);
+    onSelect(index$3);
   }
-  return (index.h("a", { key: index$2, href: 'javascript:;', class: className, onClick: onClick },
-    index.h("span", { style: { display: 'inline-block', position: 'relative' } },
-      index.h("img", { src: iconPath, alt: '', class: 'weui-tabbar__icon' }),
-      !!badgeText && (index.h("span", { class: 'weui-badge taro-tabbar-badge', style: badgeStyle }, badgeText)),
-      showRedDot && (index.h("span", { class: 'weui-badge weui-badge_dot', style: dotStyle }))),
-    index.h("p", { class: 'weui-tabbar__label', style: { color: textColor } }, text)));
+  return (index$1.h("a", { key: index$3, href: 'javascript:;', class: className, onClick: onClick },
+    index$1.h("span", { style: { display: 'inline-block', position: 'relative' } },
+      index$1.h("img", { src: iconPath, alt: '', class: 'weui-tabbar__icon' }),
+      !!badgeText && (index$1.h("span", { class: 'weui-badge taro-tabbar-badge', style: badgeStyle }, badgeText)),
+      showRedDot && (index$1.h("span", { class: 'weui-badge weui-badge_dot', style: dotStyle }))),
+    index$1.h("p", { class: 'weui-tabbar__label', style: { color: textColor } }, text)));
 };
 
 const indexCss = ".weui-tabbar{z-index:500;background-color:#f7f7fa;width:100%;display:-ms-flexbox;display:flex;position:absolute;bottom:0}.weui-tabbar:before{content:\" \";color:#c0bfc4;-webkit-transform-origin:0 0;transform-origin:0 0;border-top:1px solid #c0bfc4;height:1px;position:absolute;top:0;left:0;right:0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-tabbar__item{padding:5px 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);color:#999;text-align:center;-webkit-tap-highlight-color:transparent;-ms-flex:1;flex:1;font-size:0;display:block}.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color:#09bb07}.weui-tabbar__icon{width:27px;height:27px;display:inline-block}.weui-tabbar__icon img{width:100%;height:100%}i.weui-tabbar__icon,.weui-tabbar__icon>i{color:#999;font-size:24px}.weui-tabbar__label{text-align:center;color:#999;font-size:10px;line-height:1.8}.weui-badge{color:#fff;text-align:center;vertical-align:middle;background-color:#f43530;border-radius:18px;min-width:8px;padding:.15em .4em;font-size:12px;line-height:1.2;display:inline-block}.weui-badge_dot{min-width:0;padding:.4em}html,body{height:100%}:root{--taro-tabbar-height:$weuiTabBarHeight}#app{height:100%}.taro-tabbar__border-white:before{border-top-color:#fff!important}.taro-tabbar__container{-ms-flex-direction:column;flex-direction:column;height:100%;display:-ms-flexbox;display:flex;overflow:hidden}.taro-tabbar__panel{-webkit-overflow-scrolling:auto;-ms-flex:1;flex:1;position:relative;overflow:auto}.taro-tabbar__tabbar{height:var(--taro-tabbar-height);width:100%;-webkit-transition:bottom .2s,top .2s;transition:bottom .2s,top .2s;position:relative}.taro-tabbar__tabbar-top{top:0}.taro-tabbar__tabbar-bottom{margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);bottom:0}.taro-tabbar__tabbar-hide{display:none}.taro-tabbar__tabbar-slideout{-ms-flex:0 0;flex:0 0;top:-52px}.taro-tabbar__panel+.taro-tabbar__tabbar-slideout{top:auto;bottom:-52px}";
@@ -76,8 +75,8 @@ const hideTabBarClassName = 'taro-tabbar__tabbar-hide';
 const hideTabBarWithAnimationClassName = 'taro-tabbar__tabbar-slideout';
 const Tabbar = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.onLongPress = index.createEvent(this, "longpress", 7);
+    index$1.registerInstance(this, hostRef);
+    this.onLongPress = index$1.createEvent(this, "longpress", 7);
     this.homePage = '';
     this.customRoutes = [];
     this.tabbarPos = 'bottom';
@@ -322,19 +321,19 @@ const Tabbar = class {
   render() {
     const { tabbarPos = 'bottom' } = this;
     const status = this.status;
-    const containerCls = classNames__default['default']('weui-tabbar', {
+    const containerCls = index.classnames('weui-tabbar', {
       [`taro-tabbar__border-${this.borderStyle || 'black'}`]: true
     });
     const shouldHideTabBar = this.selectedIndex === -1 || status === STATUS_HIDE;
     const shouldSlideout = status === STATUS_SLIDEOUT;
-    return (index.h(index.Host, { class: classNames__default['default'](basicTabBarClassName, `${basicTabBarClassName}-${tabbarPos}`, {
+    return (index$1.h(index$1.Host, { class: index.classnames(basicTabBarClassName, `${basicTabBarClassName}-${tabbarPos}`, {
         [hideTabBarClassName]: shouldHideTabBar,
         [hideTabBarWithAnimationClassName]: shouldSlideout
-      }) }, index.h("div", { class: containerCls, style: {
+      }) }, index$1.h("div", { class: containerCls, style: {
         backgroundColor: this.backgroundColor || '',
         height: 'inherit'
-      } }, this.list.map((item, index$1) => {
-      const isSelected = this.selectedIndex === index$1;
+      } }, this.list.map((item, index) => {
+      const isSelected = this.selectedIndex === index;
       let textColor;
       let iconPath;
       if (isSelected) {
@@ -345,10 +344,10 @@ const Tabbar = class {
         textColor = this.color || '';
         iconPath = item.iconPath;
       }
-      return (index.h(TabbarItem, { index: index$1, onSelect: this.switchTab.bind(this), isSelected: isSelected, textColor: textColor, iconPath: iconPath, pagePath: item.pagePath, text: item.text, badgeText: item.badgeText, showRedDot: item.showRedDot }));
+      return (index$1.h(TabbarItem, { index: index, onSelect: this.switchTab.bind(this), isSelected: isSelected, textColor: textColor, iconPath: iconPath, pagePath: item.pagePath, text: item.text, badgeText: item.badgeText, showRedDot: item.showRedDot }));
     }))));
   }
-  get tabbar() { return index.getElement(this); }
+  get tabbar() { return index$1.getElement(this); }
 };
 Tabbar.style = indexCss;
 

package/dist/cjs/taro-textarea-core.cjs.entry.js

@@ -23,6 +23,7 @@ const Textarea = class {
       e.stopPropagation();
       this.handleLineChange();
       const value = e.target.value || '';
+      this.value = value;
       this.onInput.emit({
         value,
         cursor: value.length
@@ -127,6 +128,13 @@ const Textarea = class {
       (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
   }
+  watchValue(newValue) {
+    // hack: 在事件回调中，props.value 变化不知为何不会触发 Stencil 更新，因此这里手动更新一下
+    const value = fixControlledValue(newValue);
+    if (this.textareaRef.value !== value) {
+      this.textareaRef.value = value;
+    }
+  }
   async focus() {
     this.textareaRef.focus();
   }
@@ -146,7 +154,8 @@ const Textarea = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "autoFocus": ["watchAutoFocus"]
+    "autoFocus": ["watchAutoFocus"],
+    "value": ["watchValue"]
   }; }
 };
 Textarea.style = indexCss;

package/dist/cjs/taro-video-control_3.cjs.entry.js

@@ -3,11 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-dbbe9dde.js');
-const classNames = require('classnames');
+const index$2 = require('./index-f6805218.js');
 const index$1 = require('./index-dfd8638f.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -28,8 +26,6 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-const classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
 const formatTime = (time) => {
   if (!time)
     return '';
@@ -605,7 +601,7 @@ const Video = class {
     const { controls, autoplay, loop, muted, poster, objectFit, isFirst, isMute, isFullScreen, showCenterPlayBtn, isPlaying, _enableDanmu, showMuteBtn, danmuBtn, showFullscreenBtn, nativeProps } = this;
     const duration = this.duration || this._duration;
     const durationTime = formatTime(duration);
-    return (index.h(index.Host, { class: classNames__default['default']('taro-video-container', {
+    return (index.h(index.Host, { class: index$2.classnames('taro-video-container', {
         'taro-video-type-fullscreen': isFullScreen
       }), onTouchStart: this.onTouchStartContainer, onClick: this.onClickContainer }, index.h("video", Object.assign({ class: 'taro-video-video', style: {
         'object-fit': objectFit
@@ -621,11 +617,11 @@ const Video = class {
         if (dom) {
           this.controlsRef = dom;
         }
-      }, controls: controls, currentTime: this.currentTime, duration: duration, isPlaying: this.isPlaying, pauseFunc: this._pause, playFunc: this._play, seekFunc: this._seek, showPlayBtn: this.showPlayBtn, showProgress: this.showProgress }, showMuteBtn && (index.h("div", { class: classNames__default['default']('taro-video-mute', {
+      }, controls: controls, currentTime: this.currentTime, duration: duration, isPlaying: this.isPlaying, pauseFunc: this._pause, playFunc: this._play, seekFunc: this._seek, showPlayBtn: this.showPlayBtn, showProgress: this.showProgress }, showMuteBtn && (index.h("div", { class: index$2.classnames('taro-video-mute', {
         'taro-video-type-mute': isMute
-      }), onClick: this.toggleMute })), danmuBtn && (index.h("div", { class: classNames__default['default']('taro-video-danmu-button', {
+      }), onClick: this.toggleMute })), danmuBtn && (index.h("div", { class: index$2.classnames('taro-video-danmu-button', {
         'taro-video-danmu-button-active': _enableDanmu
-      }), onClick: this.toggleDanmu }, "\u5F39\u5E55")), showFullscreenBtn && (index.h("div", { class: classNames__default['default']('taro-video-fullscreen', {
+      }), onClick: this.toggleDanmu }, "\u5F39\u5E55")), showFullscreenBtn && (index.h("div", { class: index$2.classnames('taro-video-fullscreen', {
         'taro-video-type-fullscreen': isFullScreen
       }), onClick: this.onClickFullScreenBtn }))), index.h("div", { class: 'taro-video-toast taro-video-toast-volume', ref: dom => {
         if (dom) {

package/dist/cjs/taro-view-core.cjs.entry.js

@@ -3,14 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-dbbe9dde.js');
-const classNames = require('classnames');
+const index$1 = require('./index-f6805218.js');
 const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-const classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
 const indexCss = "body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}taro-view-core{display:block}";
 
 const View = class {
@@ -60,7 +56,7 @@ const View = class {
     helper.handleStencilNodes(this.el);
   }
   render() {
-    const cls = classNames__default['default']({
+    const cls = index$1.classnames({
       [`${this.hoverClass}`]: this.hover
     });
     let attr = {};

package/dist/collection/components/swiper/swiper.js

@@ -60,7 +60,7 @@ export class Swiper {
     };
     this.handleSwiperLoopDebounce = debounce(this.handleSwiperLoop, 50);
     this.handleSwiperSizeDebounce = debounce(() => {
-      if (this.swiper && !this.circular) {
+      if (this.swiper && this.swiper.$wrapperEl && !this.circular) {
         this.swiper.updateSlides();
       }
     }, 50);
@@ -187,7 +187,9 @@ export class Swiper {
     if (this.autoplay && !((_a = this.swiper.autoplay) === null || _a === void 0 ? void 0 : _a.running)) {
       (_b = this.swiper.autoplay) === null || _b === void 0 ? void 0 : _b.start();
     }
-    this.swiper.update(); // 更新子元素
+    if (this.swiper.$el) {
+      this.swiper.update(); // 更新子元素
+    }
   }
   componentDidRender() {
     this.handleSwiperLoop();

package/dist/collection/components/switch/switch.js

@@ -4,7 +4,7 @@ export class Switch {
     this.switchChange = e => {
       e.stopPropagation();
       const value = e.target.checked;
-      this.isChecked = value;
+      this.checked = value;
       this.onChange.emit({
         value
       });
@@ -15,34 +15,35 @@ export class Switch {
     this.name = undefined;
     this.disabled = false;
     this.nativeProps = {};
-    this.isChecked = undefined;
     this.isWillLoadCalled = false;
   }
-  function(newVal, oldVal) {
+  function(newValue) {
     if (!this.isWillLoadCalled)
       return;
-    if (newVal !== oldVal)
-      this.isChecked = newVal;
+    if (this.inputRef.checked !== newValue) {
+      this.inputRef.checked = newValue;
+    }
   }
   componentWillLoad() {
     this.isWillLoadCalled = true;
-    this.isChecked = this.checked;
   }
   componentDidLoad() {
     Object.defineProperty(this.el, 'value', {
-      get: () => this.isChecked,
+      get: () => this.checked,
       configurable: true
     });
   }
   render() {
-    const { type, color, isChecked, name, disabled, nativeProps } = this;
-    const style = isChecked
+    const { type, color, checked, name, disabled, nativeProps } = this;
+    const style = checked
       ? {
         borderColor: color || '04BE02',
         backgroundColor: color || '04BE02'
       }
       : {};
-    return (h("input", Object.assign({ type: 'checkbox', class: `weui-${type}`, style: style, checked: isChecked, name: name, disabled: disabled, onChange: this.switchChange }, nativeProps)));
+    return (h("input", Object.assign({ ref: input => {
+        this.inputRef = input;
+      }, type: 'checkbox', class: `weui-${type}`, style: style, checked: checked, name: name, disabled: disabled, onChange: this.switchChange }, nativeProps)));
   }
   static get is() { return "taro-switch-core"; }
   static get originalStyleUrls() {
@@ -77,7 +78,7 @@ export class Switch {
       },
       "checked": {
         "type": "boolean",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",
@@ -166,7 +167,6 @@ export class Switch {
   }
   static get states() {
     return {
-      "isChecked": {},
       "isWillLoadCalled": {}
     };
   }

package/dist/collection/components/textarea/textarea.js

@@ -8,6 +8,7 @@ export class Textarea {
       e.stopPropagation();
       this.handleLineChange();
       const value = e.target.value || '';
+      this.value = value;
       this.onInput.emit({
         value,
         cursor: value.length
@@ -112,6 +113,13 @@ export class Textarea {
       (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
   }
+  watchValue(newValue) {
+    // hack: 在事件回调中，props.value 变化不知为何不会触发 Stencil 更新，因此这里手动更新一下
+    const value = fixControlledValue(newValue);
+    if (this.textareaRef.value !== value) {
+      this.textareaRef.value = value;
+    }
+  }
   async focus() {
     this.textareaRef.focus();
   }
@@ -422,6 +430,9 @@ export class Textarea {
     return [{
         "propName": "autoFocus",
         "methodName": "watchAutoFocus"
+      }, {
+        "propName": "value",
+        "methodName": "watchValue"
       }];
   }
 }

package/dist/components/index2.js

@@ -1,34 +1,71 @@
-function throttle(fn, threshold = 250, scope) {
-  let lastTime = 0;
-  let deferTimer;
-  return function (...args) {
-    const context = scope || this;
-    const now = Date.now();
-    if (now - lastTime > threshold) {
-      fn.apply(this, args);
-      lastTime = now;
-    }
-    else {
-      clearTimeout(deferTimer);
-      deferTimer = setTimeout(() => {
-        lastTime = now;
-        fn.apply(context, args);
-      }, threshold);
-    }
-  };
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
 }
-function debounce(fn, ms = 250, scope) {
-  let timer;
-  return function (...args) {
-    const context = scope || this;
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      fn.apply(context, args);
-    }, ms);
-  };
-}
-function isVisible(e) {
-  return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
-export { debounce as d, isVisible as i, throttle as t };
+var classnames = createCommonjsModule(function (module) {
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+/* global define */
+
+(function () {
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames() {
+		var classes = [];
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (!arg) continue;
+
+			var argType = typeof arg;
+
+			if (argType === 'string' || argType === 'number') {
+				classes.push(arg);
+			} else if (Array.isArray(arg)) {
+				if (arg.length) {
+					var inner = classNames.apply(null, arg);
+					if (inner) {
+						classes.push(inner);
+					}
+				}
+			} else if (argType === 'object') {
+				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+					classes.push(arg.toString());
+					continue;
+				}
+
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes.push(key);
+					}
+				}
+			}
+		}
+
+		return classes.join(' ');
+	}
+
+	if (module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+});
+
+export { classnames as c };

package/dist/components/index3.js

@@ -0,0 +1,34 @@
+function throttle(fn, threshold = 250, scope) {
+  let lastTime = 0;
+  let deferTimer;
+  return function (...args) {
+    const context = scope || this;
+    const now = Date.now();
+    if (now - lastTime > threshold) {
+      fn.apply(this, args);
+      lastTime = now;
+    }
+    else {
+      clearTimeout(deferTimer);
+      deferTimer = setTimeout(() => {
+        lastTime = now;
+        fn.apply(context, args);
+      }, threshold);
+    }
+  };
+}
+function debounce(fn, ms = 250, scope) {
+  let timer;
+  return function (...args) {
+    const context = scope || this;
+    clearTimeout(timer);
+    timer = setTimeout(function () {
+      fn.apply(context, args);
+    }, ms);
+  };
+}
+function isVisible(e) {
+  return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
+}
+
+export { debounce as d, isVisible as i, throttle as t };

package/dist/components/taro-button-core.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import classNames from 'classnames';
+import { c as classnames } from './index2.js';
 
 const indexCss = ".weui-loading{vertical-align:middle;background:url(\"data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E\") 0 0/100% no-repeat;width:20px;height:20px;-webkit-animation:1s steps(12,end) infinite weuiLoading;animation:1s steps(12,end) infinite weuiLoading;display:inline-block}@-webkit-keyframes weuiLoading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes weuiLoading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.weui-btn_loading .weui-loading{margin:-.2em .34em 0 0}.weui-btn_loading.weui-btn_primary,.weui-btn_loading.weui-btn_warn{color:rgba(255,255,255,.6)}.weui-btn_loading.weui-btn_primary{background-color:#179b16}.weui-btn_loading.weui-btn_warn{background-color:#ce3c39}taro-button-core{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;color:#000;-webkit-tap-highlight-color:transparent;background-color:#f8f8f8;border-width:0;border-radius:5px;outline:0;width:100%;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;font-size:18px;line-height:2.55556;text-decoration:none;display:block;position:relative;overflow:hidden}taro-button-core:focus{outline:0}taro-button-core:not([disabled]):active{color:rgba(0,0,0,.6);background-color:#dedede}taro-button-core:after{-webkit-box-sizing:border-box;box-sizing:border-box;content:\" \";-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid rgba(0,0,0,.2);border-radius:10px;width:200%;height:200%;position:absolute;top:0;left:0;-webkit-transform:scale(.5);transform:scale(.5)}taro-button-core+taro-button-core{margin-top:15px}taro-button-core[type=default]{color:#000;background-color:#f8f8f8}taro-button-core[type=default]:not([disabled]):visited{color:#000}taro-button-core[type=default]:not([disabled]):active{color:rgba(0,0,0,.6);background-color:#dedede}taro-button-core[size=mini]{width:auto;padding:0 1.32em;font-size:13px;line-height:2.3;display:inline-block}taro-button-core[plain],taro-button-core[plain][type=default],taro-button-core[plain][type=primary]{background-color:transparent;border-width:1px}taro-button-core[disabled]{color:rgba(255,255,255,.6)}taro-button-core[disabled][type=default]{color:rgba(0,0,0,.3);background-color:#f7f7f7}taro-button-core[disabled][type=primary]{background-color:#9ed99d}taro-button-core[disabled][type=warn]{background-color:#ec8b89}taro-button-core[loading] .weui-loading{margin:-.2em .34em 0 0}taro-button-core[loading][type=primary],taro-button-core[loading][type=warn]{color:rgba(255,255,255,.6)}taro-button-core[loading][type=primary]{background-color:#179b16}taro-button-core[loading][type=warn]{background-color:#ce3c39}taro-button-core[plain][type=primary]{color:#1aad19;border:1px solid #1aad19}taro-button-core[plain][type=primary]:not([disabled]):active{color:rgba(26,173,25,.6);background-color:transparent;border-color:rgba(26,173,25,.6)}taro-button-core[plain][type=primary]:after{border-width:0}taro-button-core[plain][type=warn]{color:#e64340;border:1px solid #e64340}taro-button-core[plain][type=warn]:not([disabled]):active{color:rgba(230,67,64,.6);background-color:transparent;border-color:rgba(230,67,64,.6)}taro-button-core[plain][type=warn]:after{border-width:0}taro-button-core[plain],taro-button-core[plain][type=default]{color:#353535;border:1px solid #353535}taro-button-core[plain]:not([disabled]):active,taro-button-core[plain][type=default]:not([disabled]):active{color:rgba(53,53,53,.6);background-color:transparent;border-color:rgba(53,53,53,.6)}taro-button-core[plain]:after,taro-button-core[plain][type=default]:after{border-width:0}taro-button-core[type=primary]{color:#fff;background-color:#1aad19}taro-button-core[type=primary]:not([disabled]):visited{color:#fff}taro-button-core[type=primary]:not([disabled]):active{color:rgba(255,255,255,.6);background-color:#179b16}taro-button-core[type=warn]{color:#fff;background-color:#e64340}taro-button-core[type=warn]:not([disabled]):visited{color:#fff}taro-button-core[type=warn]:not([disabled]):active{color:rgba(255,255,255,.6);background-color:#ce3c39}taro-button-core[plain][disabled],taro-button-core[plain][disabled][type=primary]{color:rgba(0,0,0,.3);background-color:#f7f7f7;border:1px solid rgba(0,0,0,.2)}";
 
@@ -60,7 +60,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   render() {
     const { disabled, hoverClass, type, size, plain, loading, hover } = this;
-    const cls = classNames({
+    const cls = classnames({
       [`${hoverClass}`]: hover && !disabled
     });
     return (h(Host, { class: cls, type: type, plain: plain, loading: loading, size: size, disabled: disabled }, loading && h("i", { class: 'weui-loading' }), h("slot", null)));

package/dist/components/taro-cover-view-core.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import classNames from 'classnames';
+import { c as classnames } from './index2.js';
 
 const coverViewCss = "taro-cover-view-core{display:block}";
 
@@ -48,7 +48,7 @@ const CoverView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   render() {
-    const cls = classNames({
+    const cls = classnames({
       [`${this.hoverClass}`]: this.hover
     });
     let attr = {};

package/dist/components/taro-icon-core.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import classNames from 'classnames';
+import { c as classnames } from './index2.js';
 
 const indexCss = ".weui-icon-circle:before{content:\"\"}.weui-icon-download:before{content:\"\"}.weui-icon-info:before{content:\"\"}.weui-icon-safe-success:before{content:\"\"}.weui-icon-safe-warn:before{content:\"\"}.weui-icon-success:before{content:\"\"}.weui-icon-success-circle:before{content:\"\"}.weui-icon-success-no-circle:before{content:\"\"}.weui-icon-waiting:before{content:\"\"}.weui-icon-waiting-circle:before{content:\"\"}.weui-icon-warn:before{content:\"\"}.weui-icon-info-circle:before{content:\"\"}.weui-icon-cancel:before{content:\"\"}.weui-icon-search:before{content:\"\"}.weui-icon-clear:before{content:\"\"}.weui-icon-back:before{content:\"\"}.weui-icon-delete:before{content:\"\"}.weui-icon-success{color:#09bb07;font-size:23px}.weui-icon-waiting{color:#10aeff;font-size:23px}.weui-icon-warn{color:#f43530;font-size:23px}.weui-icon-info{color:#10aeff;font-size:23px}.weui-icon-success-circle,.weui-icon-success-no-circle{color:#09bb07;font-size:23px}.weui-icon-waiting-circle{color:#10aeff;font-size:23px}.weui-icon-circle{color:#c9c9c9;font-size:23px}.weui-icon-download,.weui-icon-info-circle{color:#09bb07;font-size:23px}.weui-icon-safe-success{color:#09bb07}.weui-icon-safe-warn{color:#ffbe00}.weui-icon-cancel{color:#f43530;font-size:22px}.weui-icon-search,.weui-icon-clear{color:#b2b2b2;font-size:14px}.weui-icon-delete.weui-icon_gallery-delete{color:#fff;font-size:22px}.weui-icon_msg{font-size:93px}.weui-icon_msg.weui-icon-warn{color:#f76260}.weui-icon_msg-primary{font-size:93px}.weui-icon_msg-primary.weui-icon-warn{color:#ffbe00}";
 
@@ -14,7 +14,7 @@ const Icon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   render() {
     const { type, size, color } = this;
     const iconType = type === null || type === void 0 ? void 0 : type.replace(/_/g, '-');
-    const cls = classNames({
+    const cls = classnames({
       [`weui-icon-${iconType}`]: true
     });
     const style = {

package/dist/components/taro-image-core.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import classNames from 'classnames';
+import { c as classnames } from './index2.js';
 
 const indexCss = "img[src=\"\"]{opacity:0}taro-image-core{width:auto;height:auto;font-size:0;display:inline-block;position:relative;overflow:hidden}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%}.taro-img__mode-aspectfill{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{width:100%}.taro-img__mode-bottom{width:100%;position:absolute;bottom:0}.taro-img__mode-left{height:100%}.taro-img__mode-right{height:100%;position:absolute;right:0}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;bottom:0;right:0}";
 
@@ -45,10 +45,10 @@ const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const { src, lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps, didLoad } = this;
     // mode="" 按默认值处理
     const mode = this.mode || 'scaleToFill';
-    const cls = classNames({
+    const cls = classnames({
       'taro-img__widthfix': mode === 'widthFix'
     });
-    const imgCls = classNames(`taro-img__mode-${mode.toLowerCase().replace(/\s/g, '')}`, {
+    const imgCls = classnames(`taro-img__mode-${mode.toLowerCase().replace(/\s/g, '')}`, {
       [`taro-img__mode-aspectfill--${aspectFillMode}`]: mode === 'aspectFill'
     });
     return (h(Host, { class: cls }, src ? (h("img", Object.assign({ ref: (img) => (this.imgRef = img), class: imgCls, src: lazyLoad && !didLoad ? undefined : src, onLoad: imageOnLoad.bind(this), onError: imageOnError.bind(this) }, nativeProps))) : ''));

package/dist/components/taro-navigator-core.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import Taro from '@tarojs/taro';
-import classNames from 'classnames';
+import { c as classnames } from './index2.js';
 
 const indexCss = ".navigator-hover{background:#efefef}";
 
@@ -62,7 +62,7 @@ const Navigator = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   render() {
     const { isHover, hoverClass } = this;
-    return (h(Host, { class: classNames({
+    return (h(Host, { class: classnames({
         [hoverClass]: isHover
       }) }));
   }