@cloud-app-dev/vidc 4.0.17 → 4.1.0

package/es/InstanceHistory/index.js

@@ -0,0 +1,7 @@
+import { createBrowserHistory } from 'history';
+var _global = window;
+if (!_global._BSIC_HISTORY_) {
+  _global._BSIC_HISTORY_ = createBrowserHistory();
+}
+var InstanceHistory = _global._BSIC_HISTORY_;
+export default InstanceHistory;

package/es/LabelValue/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface ILabelValueProps {
+    label?: any;
+    value?: any;
+    emptyValue?: string;
+    className?: string;
+    noWrap?: boolean;
+    noColon?: boolean;
+    style?: React.CSSProperties;
+    labelStyle?: React.CSSProperties;
+    valueStyle?: React.CSSProperties;
+}
+declare function LabelValue({ label, value, emptyValue, className, style, labelStyle, valueStyle, noWrap, noColon }: ILabelValueProps): import("react/jsx-runtime").JSX.Element;
+export default LabelValue;

package/es/LabelValue/index.js

@@ -0,0 +1,35 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@emotion/css';
+import React from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var classname = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  font-size: var(--fs-small);\n  span {\n    &:first-child {\n      padding-right: 4px;\n      color: var(--color4);\n      white-space: nowrap;\n    }\n\n    &:last-child {\n      flex: 1;\n      color: var(--color6);\n\n      &.no-wrap {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n    }\n  }\n"])));
+function LabelValue(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    _ref$emptyValue = _ref.emptyValue,
+    emptyValue = _ref$emptyValue === void 0 ? '-' : _ref$emptyValue,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    style = _ref.style,
+    labelStyle = _ref.labelStyle,
+    valueStyle = _ref.valueStyle,
+    _ref$noWrap = _ref.noWrap,
+    noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap,
+    noColon = _ref.noColon;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(classname, " ").concat(className),
+    style: style,
+    children: [/*#__PURE__*/_jsxs("span", {
+      style: labelStyle,
+      children: [label, noColon ? '' : '：']
+    }), /*#__PURE__*/_jsx("span", {
+      title: value,
+      className: "".concat(noWrap ? 'no-wrap' : ''),
+      style: valueStyle,
+      children: value || emptyValue
+    })]
+  });
+}
+export default LabelValue;

package/es/List/demo.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/es/List/demo.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import List from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+var defaultList = Array.from(new Array(10000)).map(function (_, i) {
+  return {
+    name: "\u6211\u662F\u5217\u8868".concat(i),
+    id: i
+  };
+});
+export default (function () {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 300,
+      height: 600
+    },
+    children: /*#__PURE__*/_jsx(List, {
+      list: defaultList,
+      renderItem: function renderItem(item) {
+        return /*#__PURE__*/_jsx("div", {
+          children: item.name
+        }, item.id);
+      }
+    })
+  });
+});

package/es/List/index.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export interface ListProps<T> {
+    /**
+     * @description 列表数据
+     * @default []
+     */
+    list: Array<T>;
+    /**
+     * @description 列表类名
+     * @default ''
+     */
+    className?: string;
+    /**
+     * @description 列表样式
+     * @default -
+     */
+    style?: React.CSSProperties;
+    /**
+     * @description 列表自定义渲染
+     * @default -
+     */
+    renderItem: (item: T, index: number) => JSX.Element;
+    rowHeight?: number;
+    renderHeaderExt?: () => JSX.Element;
+}
+declare function List<T>({ className, style, renderItem, list, rowHeight, renderHeaderExt }: ListProps<T>): import("react/jsx-runtime").JSX.Element;
+export default List;

package/es/List/index.js

@@ -0,0 +1,38 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@emotion/css';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var listWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  cursor: auto;\n  border: 1px solid var(--gray2);\n  flex-direction: column;\n"])));
+var listlayout = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 1;\n  overflow: hidden;\n"])));
+var vidcSimpleListLayout = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  contain: strict;\n"])));
+function List(_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    renderItem = _ref.renderItem,
+    list = _ref.list,
+    _ref$rowHeight = _ref.rowHeight,
+    rowHeight = _ref$rowHeight === void 0 ? 30 : _ref$rowHeight,
+    renderHeaderExt = _ref.renderHeaderExt;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(listWrapper, " ").concat(className),
+    style: style,
+    children: [/*#__PURE__*/_jsx("div", {
+      children: renderHeaderExt === null || renderHeaderExt === void 0 ? void 0 : renderHeaderExt()
+    }), /*#__PURE__*/_jsx("div", {
+      className: listlayout,
+      children: /*#__PURE__*/_jsx("div", {
+        className: vidcSimpleListLayout,
+        style: {
+          contentVisibility: 'auto',
+          containIntrinsicSize: list.length * rowHeight
+        },
+        children: list.map(function (ele, index) {
+          return renderItem(ele, index);
+        })
+      })
+    })]
+  });
+}
+export default List;

package/es/ListWithSizeAnimate/demo.d.ts

@@ -0,0 +1 @@
+export default function App(): import("react/jsx-runtime").JSX.Element;

package/es/ListWithSizeAnimate/demo.js

@@ -0,0 +1,128 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+/* eslint-disable react/button-has-type */
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+import React, { useRef } from 'react';
+import ListWithSizeAnimate from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function random(low, high) {
+  return Math.floor(Math.random() * high) + low;
+}
+var IMAGES = function IMAGES() {
+  return Array.from({
+    length: 20
+  }, function (_, index) {
+    var width = 300;
+    var height = random(200, 300);
+    return {
+      url: "https://picsum.photos/id/".concat(index + 1, "/").concat(width, "/").concat(height, ".jpg"),
+      width: width,
+      height: height
+    };
+  });
+};
+function loadPage(d) {
+  console.log(d);
+  if (!d) {
+    // eslint-disable-next-line no-param-reassign
+    d = {};
+  }
+  var resultData = IMAGES();
+  d.page ? d.page++ : d.page = 1;
+  d.list ? d.list = [].concat(_toConsumableArray(d.list), _toConsumableArray(resultData)) : d.list = resultData;
+  return new Promise(function (resolve) {
+    console.log(d.page);
+    setTimeout(function () {
+      return resolve(d);
+    }, 5000);
+  });
+}
+export default function App() {
+  var ref = useRef(null);
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: '100%',
+      height: 800,
+      position: 'relative'
+    },
+    children: [/*#__PURE__*/_jsx(ListWithSizeAnimate, {
+      ref: ref,
+      header: /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsxs("ul", {
+          children: [/*#__PURE__*/_jsx("li", {
+            children: "\u6761\u4EF61"
+          }), /*#__PURE__*/_jsx("li", {
+            children: "\u6761\u4EF62"
+          }), /*#__PURE__*/_jsx("li", {
+            children: "\u6761\u4EF63"
+          }), /*#__PURE__*/_jsx("li", {
+            children: "\u6761\u4EF63"
+          }), /*#__PURE__*/_jsx("li", {
+            children: "\u6761\u4EF63"
+          }), /*#__PURE__*/_jsx("li", {
+            children: "\u6761\u4EF63"
+          }), /*#__PURE__*/_jsx("li", {
+            children: "\u6761\u4EF63"
+          })]
+        })
+      }),
+      itemKey: "url",
+      itemHeight: 300,
+      itemWidth: 250,
+      renderItem: function renderItem(image) {
+        return /*#__PURE__*/_jsxs("div", {
+          style: {
+            border: '1px solid gray',
+            height: '100%',
+            display: 'flex',
+            flexDirection: 'column'
+          },
+          children: [/*#__PURE__*/_jsx("div", {
+            style: {
+              flex: 1,
+              overflow: 'hidden'
+            },
+            children: /*#__PURE__*/_jsx("img", {
+              src: image.url,
+              alt: "",
+              style: {
+                objectFit: 'cover',
+                display: 'block',
+                width: '100%',
+                height: '100%'
+              }
+            })
+          }), /*#__PURE__*/_jsx("p", {
+            children: "\u6807\u9898"
+          }), /*#__PURE__*/_jsx("p", {
+            children: "\u63CF\u8FF0"
+          })]
+        });
+      },
+      loadPage: loadPage,
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          height: 100,
+          backgroundColor: 'green'
+        },
+        children: "\u68C0\u7D22\u6761\u4EF6"
+      })
+    }), /*#__PURE__*/_jsx("button", {
+      style: {
+        position: 'absolute',
+        bottom: 30,
+        right: 30
+      },
+      onClick: function onClick() {
+        var _ref$current;
+        return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.backTop();
+      },
+      children: "\u8FD4\u56DE\u9876\u90E8"
+    })]
+  });
+}

package/es/ListWithSizeAnimate/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IDynamicGridListProps } from '../DynamicGridList';
+interface IListWithSizeAnimateProps<T> extends IDynamicGridListProps<T> {
+    children?: React.ReactNode;
+    header?: React.ReactNode;
+}
+export interface IListWithSizeAnimateRef {
+    open: () => void;
+    close: () => void;
+    backTop: () => void;
+}
+declare const ListWithSizeAnimate: React.ForwardRefExoticComponent<IListWithSizeAnimateProps<unknown> & React.RefAttributes<IListWithSizeAnimateRef>>;
+export default ListWithSizeAnimate;

package/es/ListWithSizeAnimate/index.js

@@ -0,0 +1,106 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["header", "children"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+import { css } from '@emotion/css';
+import { useEventListener } from 'ahooks';
+import React, { useImperativeHandle, useMemo, useRef } from 'react';
+import DynamicGridList from "../DynamicGridList";
+import useSimpleState from "../useSimpleState";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var listWithSizeAnimateLayout = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  flex-direction: column;\n"])));
+var istAnimateHeader = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  transition: max-height 0.2s;\n"])));
+var listAnimateContent = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n  transition: height 0.2s;\n  flex-direction: column;\n"])));
+var dynamicGridList = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  flex: 1;\n"])));
+var ListWithSizeAnimate = /*#__PURE__*/React.forwardRef(function ListWithSizeAnimate(_ref, forwardRef) {
+  var _ref$current2;
+  var header = _ref.header,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useSimpleState = useSimpleState({
+      open: true
+    }),
+    _useSimpleState2 = _slicedToArray(_useSimpleState, 2),
+    state = _useSimpleState2[0],
+    updateState = _useSimpleState2[1];
+  var ref = useRef(null);
+  var headerHeight = useMemo(function () {
+    return state.open ? 1000 : 0;
+  }, [state.open]);
+  useEventListener('scroll', function () {
+    var _ref$current;
+    var ele = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('.dynamic-grid-list');
+    if ((ele === null || ele === void 0 ? void 0 : ele.scrollTop) === 0) {
+      updateState({
+        open: true
+      });
+    } else {
+      state.open && updateState({
+        open: false
+      });
+    }
+  }, {
+    target: (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelector('.dynamic-grid-list')
+  });
+  useImperativeHandle(forwardRef, function () {
+    return {
+      open: function open() {
+        return updateState({
+          open: true
+        });
+      },
+      close: function close() {
+        return updateState({
+          open: false
+        });
+      },
+      backTop: function backTop() {
+        var _ref$current3, _ref$current3$querySe;
+        return (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : (_ref$current3$querySe = _ref$current3.querySelector('.dynamic-grid-list')) === null || _ref$current3$querySe === void 0 ? void 0 : _ref$current3$querySe.scrollTo({
+          top: 0
+        });
+      }
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  return /*#__PURE__*/_jsxs("div", {
+    className: listWithSizeAnimateLayout,
+    ref: ref,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: istAnimateHeader,
+      style: {
+        maxHeight: headerHeight,
+        overflow: !state.open ? 'hidden' : undefined
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        className: "list-animate-header-content",
+        children: header
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: listAnimateContent,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "list-animate-content-ext",
+        children: children
+      }), /*#__PURE__*/_jsx(DynamicGridList, _objectSpread(_objectSpread({}, props), {}, {
+        className: dynamicGridList
+      }))]
+    })]
+  });
+});
+export default ListWithSizeAnimate;

package/es/LoaderScript/index.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+export interface IOptionsLoader {
+    scripts?: string[];
+    styles?: string[];
+}
+export interface ILoaderProps {
+    /**
+     * @description 脚本加载数据源
+     * @default []
+     * @type {scripts?:string[],styles?:string[]}
+     */
+    options: IOptionsLoader[];
+    /**
+     * @description 加载后初始化组件
+     * @default null
+     */
+    children?: React.ReactNode;
+    /**
+     * @description 加载后初始化组件
+     * @default null
+     */
+    Spin?: React.ReactNode | null;
+}
+export interface ILoaderProps {
+    /**
+     * @description 脚本加载数据源
+     * @default []
+     */
+    options: IOptionsLoader[];
+    /**
+     * @description 加载后初始化组件
+     * @default null
+     */
+    children?: React.ReactNode;
+    /**
+     * @description 加载后初始化组件
+     * @default null
+     */
+    Spin?: React.ReactNode | null;
+    /**
+     * @description 加载完成触发事件
+     * @default -
+     */
+    onLoadEnd?: () => Promise<null>;
+}
+declare function LoaderScripts({ options, children, Spin, onLoadEnd }: ILoaderProps): import("react/jsx-runtime").JSX.Element;
+export default LoaderScripts;

package/es/LoaderScript/index.js

@@ -0,0 +1,38 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import { createAsyncIterable, runAsyncIterable } from "./utils";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+function LoaderScripts(_ref) {
+  var _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    children = _ref.children,
+    _ref$Spin = _ref.Spin,
+    Spin = _ref$Spin === void 0 ? null : _ref$Spin,
+    onLoadEnd = _ref.onLoadEnd;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    initStatus = _useState2[0],
+    setInitStatus = _useState2[1];
+  useEffect(function () {
+    if (options.length === 0) {
+      return setInitStatus(true);
+    }
+    runAsyncIterable(createAsyncIterable(options), function (index) {
+      return console.debug('LoaderScript -> Iterable加载完成！', options[index]);
+    }, function () {
+      return onLoadEnd ? onLoadEnd().then(function () {
+        return setInitStatus(true);
+      }) : setInitStatus(true);
+    });
+  }, [onLoadEnd, options]);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: !initStatus ? Spin : children
+  });
+}
+export default LoaderScripts;

package/es/LoaderScript/utils.d.ts

@@ -0,0 +1,13 @@
+import { IOptionsLoader } from '.';
+export declare const loadScript: (url: string) => Promise<unknown>;
+export declare const loaderCss: (href: string) => Promise<unknown>;
+export declare function createAsyncIterable(options: IOptionsLoader[]): {
+    [Symbol.asyncIterator](): {
+        i: number;
+        next(): Promise<{
+            value: number;
+            done: boolean;
+        }>;
+    };
+};
+export declare function runAsyncIterable(Iterables: any, runtime?: (conf: any) => void, callback?: () => void): void;