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

package/dist/components/virtual-list/index.js

@@ -98,6 +98,6 @@
  * @see https://taro-docs.jd.com/docs/virtual-list
  */
 
-var VirtualList = process.env.FRAMEWORK.includes('vue') ? require('./vue').default : require('./react').default;
+var VirtualList = process.env.FRAMEWORK === 'vue' || process.env.FRAMEWORK === 'vue3' ? require('./vue').default : require('./react').default;
 export { VirtualList };
 export default VirtualList;

package/dist/components/virtual-list/list-set.js

@@ -4,7 +4,6 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { isFunction } from '@tarojs/shared';
-import { IS_PROD } from '../../utils/constants';
 import { isHorizontalFunc } from './utils';
 var ListSet = /*#__PURE__*/function () {
   function ListSet(props, refresh) {
@@ -62,7 +61,7 @@ var ListSet = /*#__PURE__*/function () {
         width = _this$props.width;
       var isHorizontal = isHorizontalFunc(this.props);
       var size = isHorizontal ? width : height;
-      if (!IS_PROD && typeof size !== 'number') {
+      if (process.env.NODE_ENV !== 'production' && typeof size !== 'number') {
         console.warn("In mode ".concat(isHorizontal ? 'horizontal, width' : 'vertical, height', " parameter should be a number, but got ").concat(_typeof(size), "."));
       }
       return size;

package/dist/components/virtual-list/preset.d.ts

@@ -3,6 +3,7 @@ import ListSet from './list-set';
 import { defaultItemKey } from './utils';
 import type { VirtualListProps } from './';
 export interface IProps extends Partial<VirtualListProps> {
+    children?: VirtualListProps['item'];
     direction?: 'ltr' | 'rtl' | 'horizontal' | 'vertical';
     itemKey?: typeof defaultItemKey;
     itemTagName?: string;

package/dist/components/virtual-list/react/index.js

@@ -45,6 +45,10 @@ var VirtualList = React.forwardRef(function VirtualList(props, ref) {
     _ref2$overscanCount = _ref2.overscanCount,
     overscanCount = _ref2$overscanCount === void 0 ? 1 : _ref2$overscanCount,
     rest = _objectWithoutProperties(_ref2, _excluded2);
+  if ('children' in rest) {
+    console.warn('Taro(VirtualList): children props have been deprecated. ' + 'Please use the item props instead.');
+    rest.item = rest.children;
+  }
   if (rest.item instanceof Array) {
     console.warn('Taro(VirtualList): item should not be an array');
     rest.item = rest.item[0];

package/dist/components/virtual-list/react/list.js

@@ -11,7 +11,6 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _excluded = ["className", "direction", "height", "innerRef", "item", "itemCount", "itemData", "itemKey", "layout", "style", "useIsScrolling", "width", "renderTop", "renderBottom"];
 import memoizeOne from 'memoize-one';
 import React from 'react';
-import { IS_PREACT } from '../../../utils/constants';
 import { convertNumber2PX } from '../../../utils/convert';
 import { omit } from '../../../utils/lodash';
 import { cancelTimeout, requestTimeout } from '../../../utils/timer';
@@ -30,7 +29,7 @@ var List = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "itemList", void 0);
     _defineProperty(_assertThisInitialized(_this), "preset", void 0);
     _defineProperty(_assertThisInitialized(_this), "refresh", function () {
-      if (IS_PREACT) {
+      if (process.env.FRAMEWORK === 'preact') {
         _this.forceUpdate();
       } else {
         _this.setState(function (_ref) {

package/dist/components/virtual-list/react/validate.js

@@ -1,8 +1,7 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import { IS_PROD } from '../../../utils/constants';
 var devWarningsDirection = null;
 var devWarningsTagName = null;
-if (!IS_PROD) {
+if (process.env.NODE_ENV !== 'production') {
   if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {
     devWarningsDirection = /* #__PURE__ */
     new WeakSet();
@@ -21,12 +20,12 @@ export var validateListProps = function validateListProps(_ref, _ref2) {
     width = _ref.width,
     itemSize = _ref.itemSize;
   var instance = _ref2.instance;
-  if (!IS_PROD) {
+  if (process.env.NODE_ENV !== 'production') {
     if (!['number', 'function'].includes(_typeof(itemSize))) {
       throw Error('An invalid "itemSize" prop has been specified. ' + 'Value should be a number or function. ' + "\"".concat(itemSize === null ? 'null' : _typeof(itemSize), "\" was specified."));
     }
   }
-  if (!IS_PROD) {
+  if (process.env.NODE_ENV !== 'production') {
     if (innerTagName != null || outerTagName != null || itemTagName != null) {
       if (devWarningsTagName && !devWarningsTagName.has(instance)) {
         devWarningsTagName.add(instance);

package/dist/components/virtual-list/utils.js

@@ -1,4 +1,4 @@
-import Taro, { createSelectorQuery as _createSelectorQuery } from '@tarojs/taro';
+import Taro from '@tarojs/taro';
 
 // In DEV mode, this Set helps us only log a warning once per component instance.
 // This avoids spamming the console every time a render happens.
@@ -16,7 +16,7 @@ export function isRtlFunc(_ref2) {
 }
 export function getRectSize(id, success, fail) {
   var retryMs = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 500;
-  var query = _createSelectorQuery();
+  var query = Taro.createSelectorQuery();
   try {
     query.select(id).boundingClientRect(function (res) {
       if (res) {

package/dist/components/virtual-list/vue/list.js

@@ -1,7 +1,6 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import memoizeOne from 'memoize-one';
-import { IS_VUE3, IS_WEB } from '../../../utils/constants';
 import { convertNumber2PX } from '../../../utils/convert';
 import { omit } from '../../../utils/lodash';
 import { cancelTimeout, requestTimeout } from '../../../utils/timer';
@@ -46,7 +45,7 @@ export default {
     },
     innerElementType: {
       type: String,
-      default: IS_WEB ? 'taro-view-core' : 'view'
+      default: process.env.TARO_ENV === 'h5' ? 'taro-view-core' : 'view'
     },
     direction: {
       type: String,
@@ -73,15 +72,15 @@ export default {
     itemKey: String,
     itemTagName: {
       type: String,
-      default: IS_WEB ? 'taro-view-core' : 'view'
+      default: process.env.TARO_ENV === 'h5' ? 'taro-view-core' : 'view'
     },
     innerTagName: {
       type: String,
-      default: IS_WEB ? 'taro-view-core' : 'view'
+      default: process.env.TARO_ENV === 'h5' ? 'taro-view-core' : 'view'
     },
     outerTagName: {
       type: String,
-      default: IS_WEB ? 'taro-scroll-view-core' : 'scroll-view'
+      default: process.env.TARO_ENV === 'h5' ? 'taro-scroll-view-core' : 'scroll-view'
     },
     itemElementType: String,
     outerElementType: String,
@@ -456,7 +455,7 @@ export default {
     if (this.preset.isRelative) {
       var _this$$slots$top, _this$$slots, _this$$slots$bottom, _this$$slots2;
       var pre = convertNumber2PX(this.itemList.getOffsetSize(startIndex));
-      return _render(this.preset.outerTagName, outerElementProps, [IS_VUE3 ? (_this$$slots$top = (_this$$slots = this.$slots).top) === null || _this$$slots$top === void 0 ? void 0 : _this$$slots$top.call(_this$$slots) : this.$slots.top, _render(this.preset.itemTagName, {
+      return _render(this.preset.outerTagName, outerElementProps, [process.env.FRAMEWORK === 'vue3' ? (_this$$slots$top = (_this$$slots = this.$slots).top) === null || _this$$slots$top === void 0 ? void 0 : _this$$slots$top.call(_this$$slots) : this.$slots.top, _render(this.preset.itemTagName, {
         key: "".concat(id, "-pre"),
         id: "".concat(id, "-pre"),
         style: {
@@ -471,10 +470,10 @@ export default {
           pointerEvents: isScrolling ? 'none' : 'auto',
           position: 'relative'
         }
-      }, items), IS_VUE3 ? (_this$$slots$bottom = (_this$$slots2 = this.$slots).bottom) === null || _this$$slots$bottom === void 0 ? void 0 : _this$$slots$bottom.call(_this$$slots2) : this.$slots.bottom]);
+      }, items), process.env.FRAMEWORK === 'vue3' ? (_this$$slots$bottom = (_this$$slots2 = this.$slots).bottom) === null || _this$$slots$bottom === void 0 ? void 0 : _this$$slots$bottom.call(_this$$slots2) : this.$slots.bottom]);
     } else {
       var _this$$slots$top2, _this$$slots3, _this$$slots$bottom2, _this$$slots4;
-      return _render(this.preset.outerTagName, outerElementProps, [IS_VUE3 ? (_this$$slots$top2 = (_this$$slots3 = this.$slots).top) === null || _this$$slots$top2 === void 0 ? void 0 : _this$$slots$top2.call(_this$$slots3) : this.$slots.top, _render(this.preset.innerTagName, {
+      return _render(this.preset.outerTagName, outerElementProps, [process.env.FRAMEWORK === 'vue3' ? (_this$$slots$top2 = (_this$$slots3 = this.$slots).top) === null || _this$$slots$top2 === void 0 ? void 0 : _this$$slots$top2.call(_this$$slots3) : this.$slots.top, _render(this.preset.innerTagName, {
         ref: innerRef,
         key: "".concat(id, "-inner"),
         id: "".concat(id, "-inner"),
@@ -484,7 +483,7 @@ export default {
           position: 'relative',
           width: !isHorizontal ? '100%' : estimatedTotalSize
         }
-      }, items), IS_VUE3 ? (_this$$slots$bottom2 = (_this$$slots4 = this.$slots).bottom) === null || _this$$slots$bottom2 === void 0 ? void 0 : _this$$slots$bottom2.call(_this$$slots4) : this.$slots.bottom]);
+      }, items), process.env.FRAMEWORK === 'vue3' ? (_this$$slots$bottom2 = (_this$$slots4 = this.$slots).bottom) === null || _this$$slots$bottom2 === void 0 ? void 0 : _this$$slots$bottom2.call(_this$$slots4) : this.$slots.bottom]);
     }
   }
 };

package/dist/components/virtual-list/vue/render.js

@@ -2,7 +2,6 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["attrs", "on", "props", "slots"];
 import { h } from 'vue';
-import { IS_VUE3 } from '../../../utils/constants';
 export default function (componentName, options, children) {
   var _options$attrs = options.attrs,
     attrs = _options$attrs === void 0 ? {} : _options$attrs,
@@ -13,7 +12,7 @@ export default function (componentName, options, children) {
     _options$slots = options.slots,
     slots = _options$slots === void 0 ? {} : _options$slots,
     el = _objectWithoutProperties(options, _excluded);
-  if (IS_VUE3) {
+  if (process.env.FRAMEWORK === 'vue3') {
     // Events
     Object.keys(on).forEach(function (key) {
       var name = "on".concat(key.charAt(0).toUpperCase()).concat(key.slice(1));

package/dist/utils/index.d.ts

@@ -1,4 +1,3 @@
-export * from './constants';
 export * from './convert';
 export * from './lodash';
 export * from './math';

package/dist/utils/index.js

@@ -1,4 +1,3 @@
-export * from './constants';
 export * from './convert';
 export * from './lodash';
 export * from './math';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components-advanced",
-  "version": "3.6.0-beta.1",
+  "version": "3.6.0-canary.11",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -8,14 +8,18 @@
     "dist",
     "typings"
   ],
+  "sideEffects": [
+    "*.scss",
+    "*.css"
+  ],
   "keywords": [],
   "author": "ZakaryCode",
   "license": "MIT",
   "dependencies": {
     "memoize-one": "^6.0.0",
     "postcss": "^8.4.18",
-    "@tarojs/components": "3.6.0-beta.1",
-    "@tarojs/shared": "3.6.0-beta.1"
+    "@tarojs/components": "3.6.0-canary.11",
+    "@tarojs/shared": "3.6.0-canary.11"
   },
   "devDependencies": {
     "@babel/cli": "^7.14.5",
@@ -26,7 +30,7 @@
     "react-dom": "^18.2.0",
     "typescript": "^4.7.4",
     "vue": "^3.0.0",
-    "babel-preset-taro": "3.6.0-beta.1"
+    "babel-preset-taro": "3.6.0-canary.11"
   },
   "peerDependencies": {
     "react": ">=17"

package/dist/utils/constants.d.ts

@@ -1,4 +0,0 @@
-export declare const IS_PROD: boolean;
-export declare const IS_WEB: boolean;
-export declare const IS_PREACT: boolean;
-export declare const IS_VUE3: boolean;

package/dist/utils/constants.js

@@ -1,4 +0,0 @@
-export var IS_PROD = process.env.NODE_ENV === 'production';
-export var IS_WEB = process.env.TARO_ENV === 'h5';
-export var IS_PREACT = process.env.FRAMEWORK === 'preact';
-export var IS_VUE3 = process.env.FRAMEWORK === 'vue3';