@arco-iconbox/react-bioos 0.0.3 → 0.0.5

package/esm/IconSaveFile/index.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 React, { useContext } from 'react';
+import { Context } from '../context';
+function IconSaveFileComponent(props, ref) {
+    var prefixFromContext = useContext(Context).prefix;
+    var _a = props.className, className = _a === void 0 ? '' : _a, prefixFromProps = props.prefix, _b = props.width, width = _b === void 0 ? '1em' : _b, _c = props.height, height = _c === void 0 ? '1em' : _c, _d = props.useCurrentColor, useCurrentColor = _d === void 0 ? true : _d, spin = props.spin, rest = __rest(props, ["className", "prefix", "width", "height", "useCurrentColor", "spin"]);
+    var prefix = prefixFromProps || prefixFromContext || 'bioos';
+    var loadingKls = spin ? " ".concat(prefix, "-icon-loading") : '';
+    return React.createElement("svg", __assign({ className: "".concat(prefix, "-icon ").concat(prefix, "-icon-save-file").concat(loadingKls, " ").concat(className), width: width, height: height, viewBox: "0 0 48 48", fill: useCurrentColor ? 'currentColor' : '#000', xmlns: "http://www.w3.org/2000/svg" }, rest, { ref: ref }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M32.38 4a4 4 0 012.832 1.175l7.62 7.64A4 4 0 0144 15.64V42a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h26.38zM12 8H8v32h32V16.83a2 2 0 00-.584-1.412l-6.81-6.83A2 2 0 0031.19 8H31v14a2 2 0 01-2 2H14a2 2 0 01-2-2V8zm15 0H16v12h3.999L20 14a1 1 0 011-1h2a1 1 0 011 1v6h3V8z" }));
+}
+var IconSaveFile = React.forwardRef(IconSaveFileComponent);
+export default IconSaveFile;

package/esm/IconToBottom/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { OriginIconProps } from '../type';
+declare const IconToBottom: React.ForwardRefExoticComponent<Omit<OriginIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default IconToBottom;

package/esm/IconToBottom/index.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 React, { useContext } from 'react';
+import { Context } from '../context';
+function IconToBottomComponent(props, ref) {
+    var prefixFromContext = useContext(Context).prefix;
+    var _a = props.className, className = _a === void 0 ? '' : _a, prefixFromProps = props.prefix, _b = props.width, width = _b === void 0 ? '1em' : _b, _c = props.height, height = _c === void 0 ? '1em' : _c, _d = props.useCurrentColor, useCurrentColor = _d === void 0 ? true : _d, spin = props.spin, rest = __rest(props, ["className", "prefix", "width", "height", "useCurrentColor", "spin"]);
+    var prefix = prefixFromProps || prefixFromContext || 'bioos';
+    var loadingKls = spin ? " ".concat(prefix, "-icon-loading") : '';
+    return React.createElement("svg", __assign({ className: "".concat(prefix, "-icon ").concat(prefix, "-icon-to-bottom").concat(loadingKls, " ").concat(className), width: width, height: height, viewBox: "0 0 48 48", fill: useCurrentColor ? 'currentColor' : '#000', xmlns: "http://www.w3.org/2000/svg" }, rest, { ref: ref }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 25V5a1 1 0 011-1h2a1 1 0 011 1v20h5.982c1.191 0 1.838 1.394 1.068 2.304l-7.981 9.433a1.4 1.4 0 01-2.138 0l-7.981-9.433c-.77-.91-.123-2.304 1.069-2.304H22zm21 15a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1v-2a1 1 0 011-1h38z" }));
+}
+var IconToBottom = React.forwardRef(IconToBottomComponent);
+export default IconToBottom;

package/esm/index.d.ts

@@ -396,4 +396,20 @@ export { default as IconSend3 } from './IconSend3';
 export { default as IconFileOpen } from './IconFileOpen';
 export { default as IconFileClosed } from './IconFileClosed';
 export { default as IconExitMode } from './IconExitMode';
+export { default as IconToBottom } from './IconToBottom';
+export { default as IconEye } from './IconEye';
+export { default as IconDragDotVertical } from './IconDragDotVertical';
+export { default as IconQuestionCircle } from './IconQuestionCircle';
+export { default as IconEyeInvisible } from './IconEyeInvisible';
+export { default as IconPlus2 } from './IconPlus2';
+export { default as IconCaretUp } from './IconCaretUp';
+export { default as IconDown2 } from './IconDown2';
+export { default as IconCaretDown } from './IconCaretDown';
+export { default as IconLoading2 } from './IconLoading2';
+export { default as IconLink } from './IconLink';
+export { default as IconDownload } from './IconDownload';
+export { default as IconCalendar } from './IconCalendar';
+export { default as IconClose2 } from './IconClose2';
+export { default as IconMore2 } from './IconMore2';
+export { default as IconSaveFile } from './IconSaveFile';
 export * from './type';

package/esm/index.js

@@ -396,4 +396,20 @@ export { default as IconSend3 } from './IconSend3';
 export { default as IconFileOpen } from './IconFileOpen';
 export { default as IconFileClosed } from './IconFileClosed';
 export { default as IconExitMode } from './IconExitMode';
+export { default as IconToBottom } from './IconToBottom';
+export { default as IconEye } from './IconEye';
+export { default as IconDragDotVertical } from './IconDragDotVertical';
+export { default as IconQuestionCircle } from './IconQuestionCircle';
+export { default as IconEyeInvisible } from './IconEyeInvisible';
+export { default as IconPlus2 } from './IconPlus2';
+export { default as IconCaretUp } from './IconCaretUp';
+export { default as IconDown2 } from './IconDown2';
+export { default as IconCaretDown } from './IconCaretDown';
+export { default as IconLoading2 } from './IconLoading2';
+export { default as IconLink } from './IconLink';
+export { default as IconDownload } from './IconDownload';
+export { default as IconCalendar } from './IconCalendar';
+export { default as IconClose2 } from './IconClose2';
+export { default as IconMore2 } from './IconMore2';
+export { default as IconSaveFile } from './IconSaveFile';
 export * from './type';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-iconbox/react-bioos",
-    "version": "0.0.3",
+    "version": "0.0.5",
     "main": "cjs/index.js",
     "module": "esm/index.js",
     "license": "ISC",

package/src/IconCalendar/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCalendarComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-calendar${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M15 3a1 1 0 011 1v2h16V4a1 1 0 011-1h2a1 1 0 011 1v2h6c1.105 0 2 .945 2 2.111V41.89C44 43.055 43.105 44 42 44H6c-1.105 0-2-.945-2-2.111V8.11C4 6.945 4.895 6 6 6h5.999L12 4a1 1 0 011-1h2zm25 21H8v16h32V24zM11.999 10H8v10h32V10h-4v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2H16v2a1 1 0 01-1 1h-2a1 1 0 01-1-1l-.001-2z"/></svg>;
+}
+
+const IconCalendar = React.forwardRef(IconCalendarComponent);
+export default IconCalendar;

package/src/IconCaretDown/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCaretDownComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-caret-down${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M8.4 17.648A1 1 0 019.162 16h29.676a1 1 0 01.761 1.648L24.762 35.104a1 1 0 01-1.524 0L8.4 17.648z"/></svg>;
+}
+
+const IconCaretDown = React.forwardRef(IconCaretDownComponent);
+export default IconCaretDown;

package/src/IconCaretUp/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconCaretUpComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-caret-up${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M8.4 30.352A1 1 0 009.162 32h29.676a1 1 0 00.761-1.648L24.762 12.896a1 1 0 00-1.524 0L8.4 30.352z"/></svg>;
+}
+
+const IconCaretUp = React.forwardRef(IconCaretUpComponent);
+export default IconCaretUp;

package/src/IconClose2/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconClose2Component(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-close2${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M23.886 20.957L37.32 7.522a1 1 0 011.414 0l1.414 1.414a1 1 0 010 1.415L26.714 23.786 40.149 37.22a1 1 0 010 1.414l-1.414 1.414a1 1 0 01-1.414 0L23.886 26.614 10.45 40.049a1 1 0 01-1.414 0l-1.414-1.414a1 1 0 010-1.414l13.435-13.435L7.622 10.35a1 1 0 010-1.415l1.414-1.414a1 1 0 011.414 0l13.436 13.435z"/></svg>;
+}
+
+const IconClose2 = React.forwardRef(IconClose2Component);
+export default IconClose2;

package/src/IconDown2/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconDown2Component(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-down2${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M24 31.728l16.264-16.264a1 1 0 011.414 0l1.414 1.415a1 1 0 010 1.414L25.414 35.971a2 2 0 01-2.828 0L4.908 18.293a1 1 0 010-1.414l1.414-1.415a1 1 0 011.415 0L24 31.728z"/></svg>;
+}
+
+const IconDown2 = React.forwardRef(IconDown2Component);
+export default IconDown2;

package/src/IconDownload/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconDownloadComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-download${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M9 36a1 1 0 011 1v3h28v-3a1 1 0 011-1h2a1 1 0 011 1v5a2 2 0 01-2 2H8a2 2 0 01-2-2v-5a1 1 0 011-1h2zM23 5h2a1 1 0 01.993.883L26 6v22.071l6.02-6.02a1 1 0 011.32-.084l.095.084 1.414 1.414a1 1 0 01.084 1.32l-.084.094-9.9 9.9a1 1 0 01-1.32.083l-.093-.084-9.9-9.9a1 1 0 01-.083-1.32l.083-.093 1.414-1.415a1 1 0 011.32-.083l.095.084 5.534 5.535L22 6a1 1 0 01.883-.993L23 5h2-2z"/></svg>;
+}
+
+const IconDownload = React.forwardRef(IconDownloadComponent);
+export default IconDownload;

package/src/IconDragDotVertical/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconDragDotVerticalComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-drag-dot-vertical${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M32 35a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-12 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8-14h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1zm-12 0h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1zM32 7a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V8a1 1 0 011-1h4zM20 7a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V8a1 1 0 011-1h4z"/></svg>;
+}
+
+const IconDragDotVertical = React.forwardRef(IconDragDotVerticalComponent);
+export default IconDragDotVertical;

package/src/IconEye/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconEyeComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-eye${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M23.97 37C30.446 37 36.44 32.88 42 23.974 36.584 15.099 30.602 11 23.97 11 17.34 11 11.378 15.097 6 23.974 11.521 32.883 17.496 37 23.97 37zm-.003-30c8.043 0 14.965 4.916 20.767 14.748l.355.61.373.664a2 2 0 01-.01 1.957l-.4.694C39.037 35.891 32.01 41 23.966 41c-7.886 0-14.78-4.913-20.677-14.74l-.285-.48a49.45 49.45 0 01-.354-.615l-.108-.19a2 2 0 01-.01-1.948l.337-.607.18-.316C8.856 12.034 15.829 7 23.967 7zM24 16a8 8 0 100 16 8 8 0 000-16zm0 4a4 4 0 110 8 4 4 0 010-8z"/></svg>;
+}
+
+const IconEye = React.forwardRef(IconEyeComponent);
+export default IconEye;

package/src/IconEyeInvisible/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconEyeInvisibleComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-eye-invisible${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M6.536 3.707l38.183 38.184a1 1 0 010 1.414l-1.414 1.414a1 1 0 01-1.414 0L3.707 6.535a1 1 0 010-1.414l1.414-1.414a1 1 0 011.415 0zm1.46 11.357l2.614 2.614C9.027 19.42 7.49 21.514 6 23.974 11.521 32.883 17.496 37 23.97 37c1.724 0 3.414-.292 5.07-.888l3.008 3.006C29.477 40.373 26.785 41 23.968 41 15.497 41 8.175 35.334 2 24.004c1.871-3.53 3.87-6.51 5.995-8.94zM23.966 7C32.603 7 39.947 12.668 46 24.004c-1.916 3.49-3.939 6.443-6.068 8.859l-2.615-2.616c1.594-1.739 3.155-3.825 4.683-6.273C36.584 15.099 30.602 11 23.97 11c-1.73 0-3.412.278-5.051.848l-3.021-3.02A18.482 18.482 0 0123.968 7zm-7.919 16.119l8.833 8.833a8 8 0 01-8.833-8.833zM24 16a8 8 0 017.952 8.881l-8.833-8.833c.29-.032.583-.048.881-.048z"/></svg>;
+}
+
+const IconEyeInvisible = React.forwardRef(IconEyeInvisibleComponent);
+export default IconEyeInvisible;

package/src/IconLink/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconLinkComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-link${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_1250057c52__svg_2a304a1348__clip0)"><path fillRule="evenodd" clipRule="evenodd" d="M39.333 20.284c3.475-4.292 2.814-10.59-1.478-14.065-4.292-3.476-10.59-2.814-14.065 1.478l-5.664 6.995c-3.476 4.292-2.814 10.589 1.478 14.064a10.001 10.001 0 002.433 1.456l2.704-3.338a6 6 0 01-3.506-9.665l5.663-6.994a6 6 0 019.326 7.552l-3.597 4.441a6.97 6.97 0 011.116 3.123l.173 1.643 5.417-6.69zm-11.848-1.225a10.004 10.004 0 00-2.433-1.456l-2.704 3.339a6 6 0 013.506 9.665L20.191 37.6a6 6 0 01-9.326-7.552l3.597-4.442a6.968 6.968 0 01-1.116-3.122l-.173-1.644-5.417 6.69c-3.475 4.293-2.814 10.59 1.478 14.065 4.293 3.476 10.59 2.814 14.065-1.478l5.664-6.994c3.476-4.293 2.814-10.59-1.478-14.065z"/></g><defs><clipPath id="svg_1250057c52__svg_2a304a1348__clip0"><path d="M0 0h48v48H0z"/></clipPath></defs></svg>;
+}
+
+const IconLink = React.forwardRef(IconLinkComponent);
+export default IconLink;

package/src/IconLoading2/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconLoading2Component(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-loading2${loadingKls} ${className}`} width={width} height={height} fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18h4c0 12.15-9.85 22-22 22S2 36.15 2 24 11.85 2 24 2v4z"/></svg>;
+}
+
+const IconLoading2 = React.forwardRef(IconLoading2Component);
+export default IconLoading2;

package/src/IconMore2/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconMore2Component(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-more2${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M35 21h6v6h-6v-6zm-22 0v6H7v-6h6zm14 0v6h-6v-6h6z"/></svg>;
+}
+
+const IconMore2 = React.forwardRef(IconMore2Component);
+export default IconMore2;

package/src/IconPlus2/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconPlus2Component(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-plus2${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M24.718 4c.446 0 .608.046.77.134.163.087.291.215.378.378.088.163.134.324.134.77V22h16.718c.446 0 .607.046.77.134.163.087.291.215.378.378.088.162.134.324.134.77v1.436c0 .446-.046.608-.134.77a.908.908 0 01-.378.378c-.163.088-.324.134-.77.134H26L26 42.718c0 .446-.046.607-.134.77a.908.908 0 01-.378.378c-.162.088-.324.134-.77.134h-1.436c-.446 0-.608-.046-.77-.134a.908.908 0 01-.378-.378c-.088-.163-.134-.324-.134-.77L21.999 26 5.282 26c-.446 0-.607-.046-.77-.134a.908.908 0 01-.378-.378c-.088-.162-.134-.324-.134-.77v-1.436c0-.446.046-.608.134-.77a.908.908 0 01.378-.378c.163-.088.324-.134.77-.134L22 21.999V5.282c0-.446.046-.607.134-.77a.908.908 0 01.378-.378c.162-.088.324-.134.77-.134h1.436z"/></svg>;
+}
+
+const IconPlus2 = React.forwardRef(IconPlus2Component);
+export default IconPlus2;

package/src/IconQuestionCircle/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconQuestionCircleComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-question-circle${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M24 2c12.15 0 22 9.85 22 22s-9.85 22-22 22S2 36.15 2 24 11.85 2 24 2zm0 4C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18S33.941 6 24 6zm1 26a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 011-1h2zm-1.284-20c2.377 0 4.352.576 5.925 1.727C31.214 14.88 32 16.584 32 18.845c0 1.386-.342 2.553-1.026 3.502-.4.576-1.167 1.311-2.303 2.207l-1.12.88c-.61.48-1.016 1.04-1.216 1.679-.054.175-.102.499-.143.974a1 1 0 01-.996.913h-2.24a1 1 0 01-1-1l.002-.046.003-.046c.129-1.392.267-2.273.414-2.642.273-.688.978-1.48 2.114-2.375l1.152-.912c.379-.288 2.33-1.662 2.33-2.878 0-1.217-.212-1.665-.823-2.332-.61-.668-1.986-.883-3.227-.883-1.22 0-2.263.324-2.773 1.145a5.78 5.78 0 00-.569 1.2 4.18 4.18 0 00-.146.614 1 1 0 01-.985.831h-2.355a1 1 0 01-1-1l.002-.056.005-.057c.025-.223.051-.41.078-.557.39-2.172 1.377-3.768 2.962-4.79 1.241-.81 2.767-1.216 4.576-1.216z"/></svg>;
+}
+
+const IconQuestionCircle = React.forwardRef(IconQuestionCircleComponent);
+export default IconQuestionCircle;

package/src/IconSaveFile/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconSaveFileComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-save-file${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M32.38 4a4 4 0 012.832 1.175l7.62 7.64A4 4 0 0144 15.64V42a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h26.38zM12 8H8v32h32V16.83a2 2 0 00-.584-1.412l-6.81-6.83A2 2 0 0031.19 8H31v14a2 2 0 01-2 2H14a2 2 0 01-2-2V8zm15 0H16v12h3.999L20 14a1 1 0 011-1h2a1 1 0 011 1v6h3V8z"/></svg>;
+}
+
+const IconSaveFile = React.forwardRef(IconSaveFileComponent);
+export default IconSaveFile;

package/src/IconToBottom/index.tsx

@@ -0,0 +1,15 @@
+import React, { ForwardedRef, useContext } from 'react';
+import { OriginIconProps } from '../type';
+import { Context } from '../context';
+
+function IconToBottomComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
+    const { prefix: prefixFromContext } = useContext(Context);
+    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;
+
+    const prefix = prefixFromProps || prefixFromContext || 'bioos';
+    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
+    return <svg className={`${prefix}-icon ${prefix}-icon-to-bottom${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M22 25V5a1 1 0 011-1h2a1 1 0 011 1v20h5.982c1.191 0 1.838 1.394 1.068 2.304l-7.981 9.433a1.4 1.4 0 01-2.138 0l-7.981-9.433c-.77-.91-.123-2.304 1.069-2.304H22zm21 15a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1v-2a1 1 0 011-1h38z"/></svg>;
+}
+
+const IconToBottom = React.forwardRef(IconToBottomComponent);
+export default IconToBottom;

package/src/index.ts

@@ -396,5 +396,21 @@ export { default as IconSend3 } from './IconSend3';
 export { default as IconFileOpen } from './IconFileOpen';
 export { default as IconFileClosed } from './IconFileClosed';
 export { default as IconExitMode } from './IconExitMode';
+export { default as IconToBottom } from './IconToBottom';
+export { default as IconEye } from './IconEye';
+export { default as IconDragDotVertical } from './IconDragDotVertical';
+export { default as IconQuestionCircle } from './IconQuestionCircle';
+export { default as IconEyeInvisible } from './IconEyeInvisible';
+export { default as IconPlus2 } from './IconPlus2';
+export { default as IconCaretUp } from './IconCaretUp';
+export { default as IconDown2 } from './IconDown2';
+export { default as IconCaretDown } from './IconCaretDown';
+export { default as IconLoading2 } from './IconLoading2';
+export { default as IconLink } from './IconLink';
+export { default as IconDownload } from './IconDownload';
+export { default as IconCalendar } from './IconCalendar';
+export { default as IconClose2 } from './IconClose2';
+export { default as IconMore2 } from './IconMore2';
+export { default as IconSaveFile } from './IconSaveFile';
 
 export * from './type';

package/umd/IconCalendar/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { OriginIconProps } from '../type';
+declare const IconCalendar: React.ForwardRefExoticComponent<Omit<OriginIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default IconCalendar;

package/umd/IconCalendar/index.js

@@ -0,0 +1,69 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "react", "../context"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var react_1 = __importStar(require("react"));
+    var context_1 = require("../context");
+    function IconCalendarComponent(props, ref) {
+        var prefixFromContext = (0, react_1.useContext)(context_1.Context).prefix;
+        var _a = props.className, className = _a === void 0 ? '' : _a, prefixFromProps = props.prefix, _b = props.width, width = _b === void 0 ? '1em' : _b, _c = props.height, height = _c === void 0 ? '1em' : _c, _d = props.useCurrentColor, useCurrentColor = _d === void 0 ? true : _d, spin = props.spin, rest = __rest(props, ["className", "prefix", "width", "height", "useCurrentColor", "spin"]);
+        var prefix = prefixFromProps || prefixFromContext || 'bioos';
+        var loadingKls = spin ? " ".concat(prefix, "-icon-loading") : '';
+        return react_1.default.createElement("svg", __assign({ className: "".concat(prefix, "-icon ").concat(prefix, "-icon-calendar").concat(loadingKls, " ").concat(className), width: width, height: height, viewBox: "0 0 48 48", fill: useCurrentColor ? 'currentColor' : '#000', xmlns: "http://www.w3.org/2000/svg" }, rest, { ref: ref }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 3a1 1 0 011 1v2h16V4a1 1 0 011-1h2a1 1 0 011 1v2h6c1.105 0 2 .945 2 2.111V41.89C44 43.055 43.105 44 42 44H6c-1.105 0-2-.945-2-2.111V8.11C4 6.945 4.895 6 6 6h5.999L12 4a1 1 0 011-1h2zm25 21H8v16h32V24zM11.999 10H8v10h32V10h-4v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2H16v2a1 1 0 01-1 1h-2a1 1 0 01-1-1l-.001-2z" }));
+    }
+    var IconCalendar = react_1.default.forwardRef(IconCalendarComponent);
+    exports.default = IconCalendar;
+});

package/umd/IconCaretDown/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { OriginIconProps } from '../type';
+declare const IconCaretDown: React.ForwardRefExoticComponent<Omit<OriginIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default IconCaretDown;

package/umd/IconCaretDown/index.js

@@ -0,0 +1,69 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "react", "../context"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var react_1 = __importStar(require("react"));
+    var context_1 = require("../context");
+    function IconCaretDownComponent(props, ref) {
+        var prefixFromContext = (0, react_1.useContext)(context_1.Context).prefix;
+        var _a = props.className, className = _a === void 0 ? '' : _a, prefixFromProps = props.prefix, _b = props.width, width = _b === void 0 ? '1em' : _b, _c = props.height, height = _c === void 0 ? '1em' : _c, _d = props.useCurrentColor, useCurrentColor = _d === void 0 ? true : _d, spin = props.spin, rest = __rest(props, ["className", "prefix", "width", "height", "useCurrentColor", "spin"]);
+        var prefix = prefixFromProps || prefixFromContext || 'bioos';
+        var loadingKls = spin ? " ".concat(prefix, "-icon-loading") : '';
+        return react_1.default.createElement("svg", __assign({ className: "".concat(prefix, "-icon ").concat(prefix, "-icon-caret-down").concat(loadingKls, " ").concat(className), width: width, height: height, viewBox: "0 0 48 48", fill: useCurrentColor ? 'currentColor' : '#000', xmlns: "http://www.w3.org/2000/svg" }, rest, { ref: ref }),
+            react_1.default.createElement("path", { d: "M8.4 17.648A1 1 0 019.162 16h29.676a1 1 0 01.761 1.648L24.762 35.104a1 1 0 01-1.524 0L8.4 17.648z" }));
+    }
+    var IconCaretDown = react_1.default.forwardRef(IconCaretDownComponent);
+    exports.default = IconCaretDown;
+});

package/umd/IconCaretUp/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { OriginIconProps } from '../type';
+declare const IconCaretUp: React.ForwardRefExoticComponent<Omit<OriginIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default IconCaretUp;