@xfe-repo/mini-components 0.0.2 → 0.0.4

package/dist/index.d.mts

@@ -0,0 +1,31 @@
+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.mjs

@@ -0,0 +1,118 @@
+// src/Loading/index.tsx
+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;
+}
+import { memo as memo4 } from "react";
+// src/Loading/LoadingCircle.tsx
+import { memo } from "react";
+import classnames from "classnames";
+import { View, Text, Image } from "@tarojs/components";
+import { jsx, jsxs } from "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__ */ jsxs(View, {
+        className: classnames("circle_loading", !!className && className),
+        onClick: onClick,
+        children: [
+            /* @__PURE__ */ jsx(View, {
+                className: "img_circle_wrapper",
+                children: /* @__PURE__ */ jsx(Image, {
+                    className: "img_circle",
+                    src: "https://imgs.eshetang.com/activity/a14fa2166ed698f3d04061f57e5ab9b9.png"
+                })
+            }),
+            /* @__PURE__ */ jsx(Text, {
+                children: tips
+            })
+        ]
+    });
+};
+var LoadingCircle_default = memo(LoadingCircle);
+// src/Loading/LoadingList.tsx
+import { memo as memo3 } from "react";
+import classnames3 from "classnames";
+import { View as View3 } from "@tarojs/components";
+// src/Loading/LoadingRect.tsx
+import { memo as memo2 } from "react";
+import classnames2 from "classnames";
+import { View as View2, Text as Text2 } from "@tarojs/components";
+import { jsx as jsx2, jsxs as jsxs2 } from "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__ */ jsx2(View2, {
+            className: classnames2("rect", "rect_".concat(i))
+        }, "rect_".concat(i)));
+    }
+    return /* @__PURE__ */ jsxs2(View2, {
+        onClick: onClick,
+        children: [
+            /* @__PURE__ */ jsx2(View2, {
+                className: classnames2("rect_loading", !!className && className),
+                children: rectNodes
+            }),
+            /* @__PURE__ */ jsx2(Text2, {
+                className: "rect_tips",
+                children: tips
+            })
+        ]
+    });
+};
+var LoadingRect_default = memo2(LoadingRect);
+// src/Loading/LoadingList.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "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__ */ jsxs3(View3, {
+        className: classnames3("list_loading", !!className && className),
+        onClick: onClick,
+        children: [
+            (loading || hasMore) && /* @__PURE__ */ jsx3(View3, {
+                className: "loading",
+                children: /* @__PURE__ */ jsx3(LoadingRect_default, {})
+            }),
+            hasMore ? loading ? loadingText : loadMoreText : noMoreText
+        ]
+    });
+};
+var LoadingList_default = memo3(LoadingList);
+// src/Loading/index.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Loading = memo4(function(props) {
+    return /* @__PURE__ */ jsx4(LoadingCircle_default, _object_spread({}, props));
+});
+var Loading_default = Object.assign(Loading, {
+    Circle: LoadingCircle_default,
+    List: LoadingList_default,
+    Rect: LoadingRect_default
+});
+export { Loading_default as Loading };

package/package.json

@@ -1,9 +1,21 @@
 {
   "name": "@xfe-repo/mini-components",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "sideEffects": false,
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
   "files": [
     "dist"
   ],
@@ -16,8 +28,11 @@
     "@types/node": "^20.16.5",
     "@types/react": "^18",
     "esbuild-plugin-less": "^1.3.9",
-    "@xfe-repo/typescript-config": "0.0.6",
-    "@xfe-repo/eslint-config": "0.0.5"
+    "@xfe-repo/eslint-config": "0.0.5",
+    "@xfe-repo/typescript-config": "0.0.6"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
     "build": "tsup",