@akinon/ui-spin 0.3.0 → 0.5.0

package/dist/cjs/index.d.ts

@@ -1,5 +1,5 @@
-import type { SpinProps as AntSpinProps } from 'antd';
 import * as React from 'react';
-export type SpinProps = AntSpinProps;
-export declare const Spin: ({ ...restSpinProps }: SpinProps) => React.JSX.Element;
+import type { SpinProps } from './types';
+export type { SpinProps } from './types';
+export declare const Spin: (props: SpinProps) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,MAAM,CAAC;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC;AAErC,eAAO,MAAM,IAAI,yBAA0B,SAAS,sBAEnD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,IAAI,UAAW,SAAS,sBA4BpC,CAAC"}

package/dist/cjs/index.js

@@ -1,21 +1,27 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Spin = void 0;
+const ui_theme_1 = require("@akinon/ui-theme");
+const cssinjs_1 = require("@ant-design/cssinjs");
 const antd_1 = require("antd");
 const React = require("react");
-const Spin = (_a) => {
-    var restSpinProps = __rest(_a, []);
-    return React.createElement(antd_1.Spin, Object.assign({}, restSpinProps));
+const Spin = (props) => {
+    const { getPrefixCls, theme } = React.useContext(antd_1.ConfigProvider.ConfigContext);
+    const { token, hashId } = (0, ui_theme_1.useToken)();
+    //const spinToken = (token as GlobalToken).Spin;
+    const useStyle = (0, cssinjs_1.useStyleRegister)({
+        token: token,
+        path: ['Spin'],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        theme: theme
+    }, () => {
+        const prefixCls = `:where(.${hashId}).${getPrefixCls()}-spin`;
+        const prefixClsWithoutHash = `.${getPrefixCls()}-spin`;
+        return {
+            [prefixCls]: {},
+            [prefixClsWithoutHash]: {}
+        };
+    });
+    return useStyle(React.createElement(antd_1.Spin, Object.assign({}, props)));
 };
 exports.Spin = Spin;

package/dist/cjs/types.d.ts

@@ -0,0 +1,53 @@
+export type SpinProps = Omit<AntSpinProps, 'prefixCls' | 'style' | 'styles'>;
+
+declare const SpinSizes: readonly ['small', 'default', 'large'];
+
+export type SpinSize = (typeof SpinSizes)[number];
+
+export type SpinIndicator = React.ReactElement<HTMLElement>;
+
+export interface AntSpinProps {
+  prefixCls?: string;
+  /**
+   * The additional css class
+   */
+  className?: string;
+  /**
+   * ClassName on the root element
+   */
+  rootClassName?: string;
+  /**
+   * Whether Spin is visible
+   */
+  spinning?: boolean;
+  style?: React.CSSProperties;
+  /**
+   * The size of Spin
+   */
+  size?: SpinSize;
+  /**
+   * Customize description content when Spin has children
+   */
+  tip?: React.ReactNode;
+  /**
+   * Specifies a delay in milliseconds for loading state (prevent flush)
+   */
+  delay?: number;
+  /**
+   * The className of wrapper when Spin has children
+   */
+  wrapperClassName?: string;
+  /**
+   * React node of the spinning indicator
+   */
+  indicator?: SpinIndicator;
+  children?: React.ReactNode;
+  /**
+   * Display a backdrop with the Spin component
+   */
+  fullscreen?: boolean;
+}
+
+export type SpinType = React.FC<SpinProps> & {
+  setDefaultIndicator: (indicator: React.ReactNode) => void;
+};

package/dist/esm/index.d.ts

@@ -1,5 +1,5 @@
-import type { SpinProps as AntSpinProps } from 'antd';
 import * as React from 'react';
-export type SpinProps = AntSpinProps;
-export declare const Spin: ({ ...restSpinProps }: SpinProps) => React.JSX.Element;
+import type { SpinProps } from './types';
+export type { SpinProps } from './types';
+export declare const Spin: (props: SpinProps) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,MAAM,CAAC;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC;AAErC,eAAO,MAAM,IAAI,yBAA0B,SAAS,sBAEnD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,IAAI,UAAW,SAAS,sBA4BpC,CAAC"}

package/dist/esm/index.js

@@ -1,17 +1,23 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Spin as AntSpin } from 'antd';
+import { useToken } from '@akinon/ui-theme';
+import { useStyleRegister } from '@ant-design/cssinjs';
+import { ConfigProvider, Spin as AntSpin } from 'antd';
 import * as React from 'react';
-export const Spin = (_a) => {
-    var restSpinProps = __rest(_a, []);
-    return React.createElement(AntSpin, Object.assign({}, restSpinProps));
+export const Spin = (props) => {
+    const { getPrefixCls, theme } = React.useContext(ConfigProvider.ConfigContext);
+    const { token, hashId } = useToken();
+    //const spinToken = (token as GlobalToken).Spin;
+    const useStyle = useStyleRegister({
+        token: token,
+        path: ['Spin'],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        theme: theme
+    }, () => {
+        const prefixCls = `:where(.${hashId}).${getPrefixCls()}-spin`;
+        const prefixClsWithoutHash = `.${getPrefixCls()}-spin`;
+        return {
+            [prefixCls]: {},
+            [prefixClsWithoutHash]: {}
+        };
+    });
+    return useStyle(React.createElement(AntSpin, Object.assign({}, props)));
 };

package/dist/esm/types.d.ts

@@ -0,0 +1,53 @@
+export type SpinProps = Omit<AntSpinProps, 'prefixCls' | 'style' | 'styles'>;
+
+declare const SpinSizes: readonly ['small', 'default', 'large'];
+
+export type SpinSize = (typeof SpinSizes)[number];
+
+export type SpinIndicator = React.ReactElement<HTMLElement>;
+
+export interface AntSpinProps {
+  prefixCls?: string;
+  /**
+   * The additional css class
+   */
+  className?: string;
+  /**
+   * ClassName on the root element
+   */
+  rootClassName?: string;
+  /**
+   * Whether Spin is visible
+   */
+  spinning?: boolean;
+  style?: React.CSSProperties;
+  /**
+   * The size of Spin
+   */
+  size?: SpinSize;
+  /**
+   * Customize description content when Spin has children
+   */
+  tip?: React.ReactNode;
+  /**
+   * Specifies a delay in milliseconds for loading state (prevent flush)
+   */
+  delay?: number;
+  /**
+   * The className of wrapper when Spin has children
+   */
+  wrapperClassName?: string;
+  /**
+   * React node of the spinning indicator
+   */
+  indicator?: SpinIndicator;
+  children?: React.ReactNode;
+  /**
+   * Display a backdrop with the Spin component
+   */
+  fullscreen?: boolean;
+}
+
+export type SpinType = React.FC<SpinProps> & {
+  setDefaultIndicator: (indicator: React.ReactNode) => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ui-spin",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -9,16 +9,15 @@
     "dist"
   ],
   "dependencies": {
-    "antd": "5.17.0"
+    "antd": "5.17.0",
+    "@akinon/ui-theme": "0.7.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
     "typescript": "^5.2.2",
-    "@akinon/vite-config": "0.4.0",
-    "@akinon/eslint-config": "0.1.0",
-    "@akinon/typescript-config": "0.2.0"
+    "@akinon/typescript-config": "0.4.0"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -38,12 +37,8 @@
     "build": "pnpm run build:esm && pnpm run build:commonjs && pnpm run copy:files",
     "build:esm": "tsc --outDir dist/esm",
     "build:commonjs": "tsc --module commonjs --outDir dist/cjs",
-    "copy:files": "copyfiles -u 1 src/**/*.css dist/esm && copyfiles -u 1 src/**/*.css dist/cjs",
+    "copy:files": "copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/esm && copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/cjs",
     "clean": "rimraf dist/",
-    "lint": "eslint *.ts*",
-    "test": "vitest run",
-    "test:ui": "vitest --ui",
-    "test:watch": "vitest watch",
     "typecheck": "tsc --noEmit"
   }
 }