@nutui/nutui-react-taro 1.3.7 → 1.3.9-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "1.3.7",
+  "version": "1.3.9-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -40,8 +40,10 @@
     "add": "node scripts/createComponentMode.js",
     "generate:file": "node scripts/generate-nutui.js",
     "generate:themes": "node scripts/generate-themes.js",
+    "generate:themes-dev": "node scripts/generate-themes-dev.js",
     "checked": "npm run generate:file && tsc",
     "dev": "npm run checked && vite --open --force",
+    "dev:theme": "npm run generate:themes-dev && npm run checked && vite --config vite.config.theme.ts --open --force",
     "replace:scss": "node scripts/replace-scss-alias.js",
     "build:dts": "node scripts/export-props.js && npx rollup -c rollup.config.dts.js",
     "build:loader-style": "node scripts/generate-loader-style.js",
@@ -52,6 +54,7 @@
     "build:locales": "vite build --config vite.config.build.locales.ts",
     "build": "npm run checked && vite build --config vite.config.build.ts && npm run build:es && npm run build:css && npm run build:loader-style && npm run build:dts && npm run build:locales",
     "build:site": "npm run checked && vite build --config vite.config.build.site.ts",
+    "build:theme:site": "npm run checked && vite build --config vite.config.theme.ts && npm run generate:themes-dev",
     "lint": "eslint ./src/packages/calendar",
     "lint:fix": "eslint --fix ./src/packages/calendar",
     "publish:beta": "npm publish --tag beta",
@@ -83,6 +86,7 @@
     "@react-spring/web": "^9.3.2",
     "@use-gesture/react": "^10.2.9",
     "classnames": "^2.3.1",
+    "mobx-react-lite": "^3.4.0",
     "react-router-dom": "^5.2.0",
     "react-transition-group": "^4.4.2"
   },
@@ -103,6 +107,8 @@
     "@rollup/plugin-typescript": "^8.3.0",
     "@tarojs/components": "^3.5.5",
     "@tarojs/taro": "^3.5.5",
+    "@tarojs/plugin-platform-weapp": "^3.5.7",
+    "@tarojs/taro-loader": "^3.5.7",
     "@testing-library/jest-dom": "^5.16.3",
     "@testing-library/react": "^13.3.0",
     "@types/jest": "^27.4.1",
@@ -141,14 +147,17 @@
     "lzutf8": "0.6.0",
     "map-stream": "0.0.7",
     "marked": "^2.0.3",
+    "mobx": "^6.6.2",
     "postcss-import": "^14.0.2",
     "postcss-modules": "^4.2.2",
     "prettier": "2.3.0",
     "react": "^18.2.0",
+    "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
     "react-markdown": "^7.1.2",
     "react-syntax-highlighter": "^15.4.5",
     "react-test-renderer": "^18.2.0",
+    "reactcss": "^1.2.3",
     "remark-directive": "^2.0.1",
     "remark-gfm": "^3.0.1",
     "rollup-plugin-delete": "^2.0.0",

package/dist/esm/backtop.taro-aa8b2bc5.js

@@ -1,136 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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; }
-import React__default, { useState, useRef, useEffect } from 'react';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  bottom: 20,
-  right: 10,
-  elId: 'body',
-  distance: 200,
-  zIndex: 10,
-  isAnimation: true,
-  duration: 1000
-});
-var BackTop = function BackTop(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    bottom = _defaultProps$props.bottom,
-    right = _defaultProps$props.right,
-    elId = _defaultProps$props.elId,
-    distance = _defaultProps$props.distance,
-    zIndex = _defaultProps$props.zIndex,
-    isAnimation = _defaultProps$props.isAnimation,
-    className = _defaultProps$props.className,
-    duration = _defaultProps$props.duration,
-    style = _defaultProps$props.style,
-    onClick = _defaultProps$props.onClick,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    backTop = _useState2[0],
-    SetBackTop = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    scrollTop = _useState4[0],
-    SetScrollTop = _useState4[1];
-  var startTime = 0;
-  var scrollEl = useRef(null);
-  // 初始化
-  useEffect(function () {
-    init();
-    return function () {
-      return removeEventListener();
-    };
-  }, []);
-  var init = function init() {
-    if (elId && document.getElementById(elId)) {
-      scrollEl.current = document.getElementById(elId);
-    }
-    addEventListener();
-    initCancelAniFrame();
-  };
-  var scrollListener = function scrollListener() {
-    var top = null;
-    if (scrollEl.current instanceof Window) {
-      top = scrollEl.current.pageYOffset;
-      SetScrollTop(top);
-    } else {
-      top = scrollEl.current.scrollTop;
-      SetScrollTop(top);
-    }
-    var showBtn = top >= distance;
-    SetBackTop(showBtn);
-  };
-  var scroll = function scroll() {
-    var y = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    if (scrollEl.current instanceof Window) {
-      window.scrollTo(0, y);
-    } else {
-      scrollEl.current.scrollTop = y;
-    }
-  };
-  var scrollAnimation = function scrollAnimation() {
-    var cid = requestAniFrame()(function fn() {
-      var t = duration - Math.max(0, startTime - +new Date() + duration / 2);
-      var y = t * -scrollTop / duration + scrollTop;
-      scroll(y);
-      cid = requestAniFrame()(fn);
-      if (t === duration || y === 0) {
-        window.cancelAnimationFrame(cid);
-      }
-    });
-  };
-  var initCancelAniFrame = function initCancelAniFrame() {
-    window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
-  };
-  // 防频
-  var requestAniFrame = function requestAniFrame() {
-    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) {
-      window.setTimeout(callback, 1000 / 60);
-    };
-  };
-  // 监听事件
-  function addEventListener() {
-    var _scrollEl$current, _scrollEl$current2;
-    (_scrollEl$current = scrollEl.current) === null || _scrollEl$current === void 0 ? void 0 : _scrollEl$current.addEventListener('scroll', scrollListener, false);
-    (_scrollEl$current2 = scrollEl.current) === null || _scrollEl$current2 === void 0 ? void 0 : _scrollEl$current2.addEventListener('resize', scrollListener, false);
-  }
-  // 移除监听事件
-  function removeEventListener() {
-    var _scrollEl$current3, _scrollEl$current4;
-    (_scrollEl$current3 = scrollEl.current) === null || _scrollEl$current3 === void 0 ? void 0 : _scrollEl$current3.removeEventListener('scroll', scrollListener, false);
-    (_scrollEl$current4 = scrollEl.current) === null || _scrollEl$current4 === void 0 ? void 0 : _scrollEl$current4.removeEventListener('resize', scrollListener, false);
-  }
-  // 返回顶部点击事件
-  var goTop = function goTop(e) {
-    onClick && onClick(e);
-    var otime = +new Date();
-    startTime = otime;
-    isAnimation && duration > 0 ? scrollAnimation() : scroll();
-  };
-  var backTopClass = {
-    right: "".concat(right, "px"),
-    bottom: "".concat(bottom, "px"),
-    zIndex: zIndex
-  };
-  return React__default.createElement("div", {
-    className: "nut-backtop ".concat(backTop ? 'show' : '', " ").concat(className || ''),
-    style: _objectSpread(_objectSpread({}, backTopClass), style),
-    onClick: function onClick(e) {
-      goTop(e);
-    }
-  }, children || React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    size: "19px",
-    className: "nut-backtop-main",
-    name: "top"
-  }));
-};
-BackTop.defaultProps = defaultProps;
-BackTop.displayName = 'NutBackTop';
-export { BackTop as B };