@bbki.ng/components 1.5.47 → 1.5.50

package/dist/index.d.ts

@@ -275,9 +275,8 @@ interface ISettings {
 interface IOpt {
     multiplier: number;
     color: number[];
-    spiralConstA: number;
-    spiralConstB: number;
     offset?: number;
+    length: number;
 }
 
 interface LoadingSpiralProps extends IOpt, ISettings {
@@ -287,4 +286,4 @@ interface LoadingSpiralProps extends IOpt, ISettings {
 }
 declare const LoadingSpiral: (props?: LoadingSpiralProps | undefined) => JSX.Element;
 
-export { Article, ArticleProps, ArticleSkeleton, ArticleSkeletonProps, BLinkDotProps, BlinkDot, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonType, DropImage, Error, ErrorBoundary, Gallery, GalleryProps, ImageDropProps, ImagePreviewerProps, ImageRenderer, Img, Link, LinkColor, LinkList, LinkListProps, LinkListSkeleton, LinkListSkeletonProps, LinkProps, List, LoadingSpiral, LoadingSpiralProps, Logo, LogoProps, Nav, NavProps, NoiseCover, NoiseCoverProps, NotFound, Page, Panel, PanelProps, PathObj, PopConfirm, PopConfirmProps, Skeleton, SkeletonColor, SkeletonProps, Table, TableProps, Tag, TagProps, Tags, ThreeColLayout, TitledList, TitledListProps, listProps, threeColLayoutProps };
+export { Article, ArticleProps, ArticleSkeleton, ArticleSkeletonProps, BLinkDotProps, BlinkDot, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonType, DropImage, Error, ErrorBoundary, Gallery, GalleryProps, ImageDropProps, ImagePreviewerProps, ImageRenderer, Img, ImgProps, Link, LinkColor, LinkList, LinkListProps, LinkListSkeleton, LinkListSkeletonProps, LinkProps, List, LoadingSpiral, LoadingSpiralProps, Logo, LogoProps, Nav, NavProps, NoiseCover, NoiseCoverProps, NotFound, Page, Panel, PanelProps, PathObj, Photo, PopConfirm, PopConfirmProps, Skeleton, SkeletonColor, SkeletonProps, Table, TableProps, Tag, TagProps, Tags, ThreeColLayout, TitledList, TitledListProps, listProps, ossProcessType, threeColLayoutProps };

package/dist/index.js

@@ -88,7 +88,8 @@ __export(src_exports, {
   Tag: () => Tag,
   Tags: () => Tags,
   ThreeColLayout: () => ThreeColLayout,
-  TitledList: () => TitledList
+  TitledList: () => TitledList,
+  ossProcessType: () => ossProcessType
 });
 
 // src/article/Article.tsx
@@ -851,6 +852,16 @@ var ThreeColLayout = (props) => {
 var import_classnames10 = __toESM(require("classnames"));
 var import_react19 = __toESM(require("react"));
 
+// src/img/types.ts
+var ossProcessType = /* @__PURE__ */ ((ossProcessType2) => {
+  ossProcessType2["THUMBNAIL"] = "thumbnail";
+  ossProcessType2["WEBP"] = "webp";
+  ossProcessType2["NULL"] = "null";
+  ossProcessType2["oWEBP"] = "owebp";
+  ossProcessType2["PROG"] = "prog";
+  return ossProcessType2;
+})(ossProcessType || {});
+
 // src/img/utils.ts
 var addOssWebpProcessStyle = (originUrl, style) => {
   const OSS_ADDRESS = "https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com";
@@ -1143,33 +1154,24 @@ var rgba = (val) => {
 
 // src/loading-spiral/createOptions.ts
 var DEFAULT_OPT = {
-  multiplier: 1e4,
+  multiplier: 5e4,
   color: [209, 213, 219, 1],
-  spiralConstA: 0.04,
-  spiralConstB: 0.16,
-  offset: -0.3
+  offset: -0.3,
+  length: 0.15
 };
 var createOptions = (opt = DEFAULT_OPT) => {
-  const {
-    multiplier,
-    spiralConstA,
-    spiralConstB,
-    color,
-    offset = -1 * 0.3
-  } = opt;
+  const { multiplier, color, length, offset = -1 * 0.3 } = opt;
+  const radius = 0.028 / 0.15 * length;
   const attributes = [
     {
       name: "aPositionStart" /* POSITION_START */,
       data: (index, total) => {
         const percent = index / total;
-        const length = 0.28;
-        const radius = 0.056;
         const pi2 = Math.PI * 2;
         let x = length * Math.sin(pi2 * percent), y = radius * Math.cos(pi2 * 3 * percent), z, t;
         t = percent % 0.25 / 0.25;
         t = percent % 0.25 - (2 * (1 - t) * t * -0.0185 + t * t * 0.25);
         if (Math.floor(percent / 0.25) == 0 || Math.floor(percent / 0.25) == 2) {
-          console.log("neg t");
           t *= -1;
         }
         z = radius * Math.sin(pi2 * 2 * (percent - t));
@@ -1227,7 +1229,11 @@ var LoadingSpiral = (props) => {
       return;
     }
     const phenomenon = new import_phenomenon.default({
-      settings: createSettings({ canvas: canvasRef.current, step })
+      settings: createSettings({ canvas: canvasRef.current, step }),
+      context: {
+        alpha: true,
+        antialias: true
+      }
     });
     phenomenon.add("spiral", createOptions(Object.assign({}, DEFAULT_OPT, rest)));
   }, []);
@@ -1272,5 +1278,6 @@ module.exports = __toCommonJS(src_exports);
   Tag,
   Tags,
   ThreeColLayout,
-  TitledList
+  TitledList,
+  ossProcessType
 });

package/dist/index.mjs

@@ -793,6 +793,16 @@ var ThreeColLayout = (props) => {
 import classnames from "classnames";
 import React18, { useState as useState5 } from "react";
 
+// src/img/types.ts
+var ossProcessType = /* @__PURE__ */ ((ossProcessType2) => {
+  ossProcessType2["THUMBNAIL"] = "thumbnail";
+  ossProcessType2["WEBP"] = "webp";
+  ossProcessType2["NULL"] = "null";
+  ossProcessType2["oWEBP"] = "owebp";
+  ossProcessType2["PROG"] = "prog";
+  return ossProcessType2;
+})(ossProcessType || {});
+
 // src/img/utils.ts
 var addOssWebpProcessStyle = (originUrl, style) => {
   const OSS_ADDRESS = "https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com";
@@ -1085,33 +1095,24 @@ var rgba = (val) => {
 
 // src/loading-spiral/createOptions.ts
 var DEFAULT_OPT = {
-  multiplier: 1e4,
+  multiplier: 5e4,
   color: [209, 213, 219, 1],
-  spiralConstA: 0.04,
-  spiralConstB: 0.16,
-  offset: -0.3
+  offset: -0.3,
+  length: 0.15
 };
 var createOptions = (opt = DEFAULT_OPT) => {
-  const {
-    multiplier,
-    spiralConstA,
-    spiralConstB,
-    color,
-    offset = -1 * 0.3
-  } = opt;
+  const { multiplier, color, length, offset = -1 * 0.3 } = opt;
+  const radius = 0.028 / 0.15 * length;
   const attributes = [
     {
       name: "aPositionStart" /* POSITION_START */,
       data: (index, total) => {
         const percent = index / total;
-        const length = 0.28;
-        const radius = 0.056;
         const pi2 = Math.PI * 2;
         let x = length * Math.sin(pi2 * percent), y = radius * Math.cos(pi2 * 3 * percent), z, t;
         t = percent % 0.25 / 0.25;
         t = percent % 0.25 - (2 * (1 - t) * t * -0.0185 + t * t * 0.25);
         if (Math.floor(percent / 0.25) == 0 || Math.floor(percent / 0.25) == 2) {
-          console.log("neg t");
           t *= -1;
         }
         z = radius * Math.sin(pi2 * 2 * (percent - t));
@@ -1169,7 +1170,11 @@ var LoadingSpiral = (props) => {
       return;
     }
     const phenomenon = new Phenomenon({
-      settings: createSettings({ canvas: canvasRef.current, step })
+      settings: createSettings({ canvas: canvasRef.current, step }),
+      context: {
+        alpha: true,
+        antialias: true
+      }
     });
     phenomenon.add("spiral", createOptions(Object.assign({}, DEFAULT_OPT, rest)));
   }, []);
@@ -1212,5 +1217,6 @@ export {
   Tag,
   Tags,
   ThreeColLayout,
-  TitledList
+  TitledList,
+  ossProcessType
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/components",
-  "version": "1.5.47",
+  "version": "1.5.50",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",