@xfe-repo/mini-components 0.0.1

package/README.md

@@ -0,0 +1,3 @@
+# `@xfe-repo/web-components`
+
+web组件库

package/dist/index.css

@@ -0,0 +1,100 @@
+/* src/Loading/index.less */
+.circle_loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  font-size: 12px;
+  color: #999;
+}
+.circle_loading .img_circle_wrapper {
+  position: relative;
+  margin-right: 12px;
+  width: 24px;
+  height: 24px;
+  animation: rotating 5s infinite linear;
+}
+.circle_loading .img_circle_wrapper .img_circle {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+@keyframes rotating {
+  to {
+    transform: rotate(5turn);
+  }
+}
+.list_loading {
+  padding: 8px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  color: #999;
+}
+.list_loading .loading {
+  margin-right: 10px;
+  width: 40px;
+  height: 20px;
+}
+.rect_loading {
+  display: flex;
+  justify-content: space-around;
+  width: 100%;
+  height: 100%;
+  min-width: 40px;
+  min-height: 20px;
+}
+.rect_loading .rect {
+  display: block;
+  flex-shrink: 0;
+  width: 3px;
+  height: 100%;
+  min-height: 20px;
+  background-color: #ffde39;
+  transform: scaleY(0.4);
+  animation: stretchDelay 1.2s infinite ease-in-out;
+  will-change: transform;
+}
+.rect_loading .rect_0 {
+  animation-delay: calc(0 * 0.13s);
+}
+.rect_loading .rect_1 {
+  animation-delay: calc(1 * 0.13s);
+}
+.rect_loading .rect_2 {
+  animation-delay: calc(2 * 0.13s);
+}
+.rect_loading .rect_3 {
+  animation-delay: calc(3 * 0.13s);
+}
+.rect_loading .rect_4 {
+  animation-delay: calc(4 * 0.13s);
+}
+.rect_loading .rect_5 {
+  animation-delay: calc(5 * 0.13s);
+}
+.rect_loading .rect_6 {
+  animation-delay: calc(6 * 0.13s);
+}
+.rect_loading .rect_7 {
+  animation-delay: calc(7 * 0.13s);
+}
+.rect_loading .rect_8 {
+  animation-delay: calc(8 * 0.13s);
+}
+.rect_loading .rect_9 {
+  animation-delay: calc(9 * 0.13s);
+}
+@keyframes stretchDelay {
+  0%, 40%, 100% {
+    transform: scaleY(0.4);
+  }
+  20% {
+    transform: scaleY(1);
+  }
+}
+.rect_tips {
+  font-size: 12px;
+  color: #999;
+}

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+export * from '@tarojs/components';
+import React from 'react';
+
+interface LoadingRectProps extends LoadingProps {
+    tips?: string;
+    rectCount?: number;
+}
+
+interface LoadingListProps extends LoadingProps {
+    hasMore?: boolean;
+    loading?: boolean;
+    noMoreText?: string;
+    loadingText?: string;
+    loadMoreText?: string;
+    hide?: boolean;
+}
+
+interface LoadingCircleProps extends LoadingProps {
+}
+
+interface LoadingProps {
+    className?: string;
+    onClick?: () => void;
+    tips?: string;
+}
+declare const _default: React.FunctionComponent<LoadingProps> & {
+    Circle: React.NamedExoticComponent<LoadingCircleProps>;
+    List: React.NamedExoticComponent<LoadingListProps>;
+    Rect: React.NamedExoticComponent<LoadingRectProps>;
+};
+
+export { _default as Loading };

package/dist/index.js

@@ -0,0 +1,192 @@
+"use strict";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && typeof from === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __reExport = function(target, mod, secondTarget) {
+    return __copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default");
+};
+var __toESM = function(mod, isNodeMode, target) {
+    return target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(// If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+        value: mod,
+        enumerable: true
+    }) : target, mod);
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+    Loading: function() {
+        return Loading_default;
+    }
+});
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("@tarojs/components"), module.exports);
+// src/Loading/index.tsx
+var import_react4 = require("react");
+// src/Loading/LoadingCircle.tsx
+var import_react = require("react");
+var import_classnames = __toESM(require("classnames"));
+var import_components = require("@tarojs/components");
+var import_jsx_runtime = require("react/jsx-runtime");
+var LoadingCircle = function(props) {
+    var className = props.className, _props_tips = props.tips, tips = _props_tips === void 0 ? "加载中" : _props_tips, onClick = props.onClick;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.View, {
+        className: (0, import_classnames.default)("circle_loading", !!className && className),
+        onClick: onClick,
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.View, {
+                className: "img_circle_wrapper",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Image, {
+                    className: "img_circle",
+                    src: "https://imgs.eshetang.com/activity/a14fa2166ed698f3d04061f57e5ab9b9.png"
+                })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {
+                children: tips
+            })
+        ]
+    });
+};
+var LoadingCircle_default = (0, import_react.memo)(LoadingCircle);
+// src/Loading/LoadingList.tsx
+var import_react3 = require("react");
+var import_classnames3 = __toESM(require("classnames"));
+var import_components3 = require("@tarojs/components");
+// src/Loading/LoadingRect.tsx
+var import_react2 = require("react");
+var import_classnames2 = __toESM(require("classnames"));
+var import_components2 = require("@tarojs/components");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var LoadingRect = function(props) {
+    var className = props.className, _props_rectCount = props.rectCount, rectCount = _props_rectCount === void 0 ? 5 : _props_rectCount, tips = props.tips, onClick = props.onClick;
+    var max = rectCount <= 10 ? rectCount : 10;
+    var rectNodes = [];
+    for(var i = 1; i <= max; i++){
+        rectNodes.push(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.View, {
+            className: (0, import_classnames2.default)("rect", "rect_".concat(i))
+        }, "rect_".concat(i)));
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.View, {
+        onClick: onClick,
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.View, {
+                className: (0, import_classnames2.default)("rect_loading", !!className && className),
+                children: rectNodes
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Text, {
+                className: "rect_tips",
+                children: tips
+            })
+        ]
+    });
+};
+var LoadingRect_default = (0, import_react2.memo)(LoadingRect);
+// src/Loading/LoadingList.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var LoadingList = function(props) {
+    var className = props.className, hasMore = props.hasMore, _props_loading = props.loading, loading = _props_loading === void 0 ? true : _props_loading, hide = props.hide, onClick = props.onClick;
+    var _props_noMoreText = props.noMoreText, noMoreText = _props_noMoreText === void 0 ? "没有更多了" : _props_noMoreText, _props_loadingText = props.loadingText, loadingText = _props_loadingText === void 0 ? "加载中" : _props_loadingText, _props_loadMoreText = props.loadMoreText, loadMoreText = _props_loadMoreText === void 0 ? "加载更多" : _props_loadMoreText;
+    if (hide) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_components3.View, {
+        className: (0, import_classnames3.default)("list_loading", !!className && className),
+        onClick: onClick,
+        children: [
+            (loading || hasMore) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_components3.View, {
+                className: "loading",
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoadingRect_default, {})
+            }),
+            hasMore ? loading ? loadingText : loadMoreText : noMoreText
+        ]
+    });
+};
+var LoadingList_default = (0, import_react3.memo)(LoadingList);
+// src/Loading/index.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Loading = (0, import_react4.memo)(function(props) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LoadingCircle_default, _object_spread({}, props));
+});
+var Loading_default = Object.assign(Loading, {
+    Circle: LoadingCircle_default,
+    List: LoadingList_default,
+    Rect: LoadingRect_default
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = _object_spread({
+    Loading: Loading
+}, require("@tarojs/components")));

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@xfe-repo/mini-components",
+  "version": "0.0.1",
+  "sideEffects": false,
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "@tarojs/components": "4.0.8",
+    "@tarojs/plugin-platform-weapp": "4.0.8"
+  },
+  "devDependencies": {
+    "@swc/core": "^1.3.100",
+    "@types/node": "^20.16.5",
+    "@types/react": "^18",
+    "esbuild-plugin-less": "^1.3.9",
+    "@xfe-repo/eslint-config": "0.0.5",
+    "@xfe-repo/typescript-config": "0.0.6"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint \"src/**/*.ts*\"",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+  }
+}