@4399ywkf/design 2.1.0 → 2.1.1

package/dist/FormRender/widgets/special/ErrorSchema.js

@@ -0,0 +1,20 @@
+import React, { useContext } from 'react';
+import { ConfigProvider } from 'antd';
+import { translation } from "../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ErrorSchema = function ErrorSchema(schema) {
+  var configCtx = useContext(ConfigProvider.ConfigContext);
+  var t = translation(configCtx);
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx("div", {
+      style: {
+        color: 'red'
+      },
+      children: t('schema_not_match')
+    }), /*#__PURE__*/_jsx("div", {
+      children: JSON.stringify(schema)
+    })]
+  });
+};
+export default ErrorSchema;

package/dist/FormRender/widgets/special/VoidTitle.d.ts

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

package/dist/FormRender/widgets/special/VoidTitle.js

@@ -0,0 +1,23 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import React from 'react';
+import { createStyles } from 'antd-style';
+import classnames from 'classnames';
+import { jsx as _jsx } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    frVoidTitle: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 24px;\n    color: ", ";\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 24px;\n  "])), token.colorTextHeading)
+  };
+});
+var VoidTitle = function VoidTitle(_ref2) {
+  var schema = _ref2.schema;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("div", {
+    className: classnames(styles.frVoidTitle, schema === null || schema === void 0 ? void 0 : schema.className),
+    children: schema.title
+  });
+};
+export default VoidTitle;

package/dist/FormRender/widgets/utils/hooks.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function usePrevious(value: any): null;
+export declare const useSet: (initState: any) => [any, import("react").ActionDispatch<[newState: any]>];

package/dist/FormRender/widgets/utils/hooks.js

@@ -0,0 +1,21 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useReducer, useRef, useEffect } from 'react';
+export function usePrevious(value) {
+  var ref = useRef(null);
+  useEffect(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+
+// 类似于class component的setState
+export var useSet = function useSet(initState) {
+  return useReducer(function (state, newState) {
+    return _objectSpread(_objectSpread({}, state), newState);
+  }, initState);
+};

package/dist/FormRender/widgets/utils/index.d.ts

@@ -0,0 +1,4 @@
+export declare function isUrl(str: string): boolean;
+export declare function getFormat(format: string): string;
+export declare const transformDateValue: (value: string, format: string, dateFormat: string) => any;
+export declare const translation: (configCtx: any) => (key: string) => any;

package/dist/FormRender/widgets/utils/index.js

@@ -0,0 +1,81 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import dayjs from 'dayjs';
+import weekOfYear from 'dayjs/plugin/weekOfYear';
+dayjs.extend(weekOfYear); // 启用 weekOfYear 插件
+
+export function isUrl(str) {
+  var protocolRE = /^(?:\w+:)?\/\/(\S+)$/;
+  if (typeof str !== 'string') return false;
+  return protocolRE.test(str);
+}
+export function getFormat(format) {
+  var dateFormat;
+  switch (format) {
+    case 'date':
+      dateFormat = 'YYYY-MM-DD';
+      break;
+    case 'time':
+      dateFormat = 'HH:mm:ss';
+      break;
+    case 'dateTime':
+    case 'datetime':
+      dateFormat = 'YYYY-MM-DD HH:mm:ss';
+      break;
+    case 'week':
+      dateFormat = 'YYYY-w';
+      break;
+    case 'year':
+      dateFormat = 'YYYY';
+      break;
+    case 'quarter':
+      dateFormat = 'YYYY-Q';
+      break;
+    case 'month':
+      dateFormat = 'YYYY-MM';
+      break;
+    default:
+      // dateTime
+      if (typeof format === 'string') {
+        dateFormat = format;
+      } else {
+        dateFormat = 'YYYY-MM-DD';
+      }
+  }
+  return dateFormat;
+}
+export var transformDateValue = function transformDateValue(value, format, dateFormat) {
+  var result = value || undefined;
+  if (typeof value === 'string') {
+    if (format === 'week') {
+      var _dayjs;
+      var _value$split = value.split('-'),
+        _value$split2 = _slicedToArray(_value$split, 2),
+        years = _value$split2[0],
+        week = _value$split2[1];
+      result = (_dayjs = dayjs(years)) === null || _dayjs === void 0 ? void 0 : _dayjs.week(Number(week));
+    }
+    if (format === 'quarter') {
+      var _value$split3 = value.split('-'),
+        _value$split4 = _slicedToArray(_value$split3, 2),
+        yearx = _value$split4[0],
+        quarter = _value$split4[1];
+      result = dayjs(yearx).quarter(quarter);
+    }
+  }
+  if (result) {
+    result = dayjs(result, dateFormat);
+  }
+  return result;
+};
+export var translation = function translation(configCtx) {
+  return function (key) {
+    var _configCtx$locale, _locale$key;
+    var locale = configCtx === null || configCtx === void 0 || (_configCtx$locale = configCtx.locale) === null || _configCtx$locale === void 0 ? void 0 : _configCtx$locale.FormRender;
+    return (_locale$key = locale === null || locale === void 0 ? void 0 : locale[key]) !== null && _locale$key !== void 0 ? _locale$key : key;
+  };
+};

package/dist/FormRender/widgets/utils/withFieldWrap.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (Field: any, filterProps?: string[]) => (props: any) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/FormRender/widgets/utils/withFieldWrap.js

@@ -0,0 +1,24 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var getProps = function getProps(props, filter) {
+  var result = {};
+  Object.keys(props).forEach(function (key) {
+    if (filter.includes(key)) {
+      return;
+    }
+    result[key] = props[key];
+  });
+  return result;
+};
+export default (function (Field) {
+  var filterProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['addons', 'schema', 'dependValues', 'children'];
+  return function (props) {
+    return /*#__PURE__*/_jsx(Field, _objectSpread({}, getProps(props, filterProps)));
+  };
+});

package/dist/FormRender/withProvider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import 'dayjs/locale/zh-cn';
+export default function withProvider<T>(Element: React.ComponentType<T>, defaultWidgets?: any): React.ComponentType<T>;

package/dist/FormRender/withProvider.js

@@ -0,0 +1,91 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["configProvider", "locale", "widgets", "methods", "form", "validateMessages", "globalProps", "globalConfig", "httpConfig", "request"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+import React, { useEffect, useRef, useMemo } from 'react';
+import { ConfigProvider } from 'antd';
+import dayjs from 'dayjs';
+import { useUnmount } from 'ahooks';
+import zhCN from 'antd/locale/zh_CN';
+import enUS from 'antd/locale/en_US';
+import locales from "./locales";
+import 'dayjs/locale/zh-cn';
+import { createStore } from "./models/store";
+import { FRContext, ConfigContext } from "./models/context";
+import { validateMessagesEN, validateMessagesCN } from "./models/validateMessage";
+import { createFormRequest } from "./events/httpService";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function withProvider(Element, defaultWidgets) {
+  return function (props) {
+    var configProvider = props.configProvider,
+      _props$locale = props.locale,
+      locale = _props$locale === void 0 ? 'zh-CN' : _props$locale,
+      widgets = props.widgets,
+      methods = props.methods,
+      form = props.form,
+      validateMessages = props.validateMessages,
+      _props$globalProps = props.globalProps,
+      globalProps = _props$globalProps === void 0 ? {} : _props$globalProps,
+      _props$globalConfig = props.globalConfig,
+      globalConfig = _props$globalConfig === void 0 ? {} : _props$globalConfig,
+      httpConfig = props.httpConfig,
+      requestProp = props.request,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+    // 事件请求函数（R03）：默认用内置 client（httpConfig 在组件 init 传入，
+    // 不走 build env）；也允许整体注入 request（demo / 测试 mock）覆盖。
+    var request = useMemo(function () {
+      return requestProp !== null && requestProp !== void 0 ? requestProp : createFormRequest(httpConfig);
+    }, [requestProp, httpConfig]);
+    var storeRef = useRef(createStore());
+    var store = storeRef.current;
+    useEffect(function () {
+      if (locale === 'en-US') {
+        dayjs.locale('en');
+        return;
+      }
+      dayjs.locale('zh-cn');
+    }, [locale]);
+    useUnmount(function () {
+      form.resetFields();
+    });
+    if (!form) {
+      console.warn('Please provide a form instance to FormRender');
+      return null;
+    }
+    var antdLocale = locale === 'zh-CN' ? zhCN : enUS;
+    var formValidateMessages = locale === 'zh-CN' ? validateMessagesCN : validateMessagesEN;
+    var configContext = {
+      locale: locale,
+      widgets: _objectSpread(_objectSpread({}, defaultWidgets), widgets),
+      methods: methods,
+      form: form,
+      globalProps: globalProps,
+      globalConfig: globalConfig,
+      request: request
+    };
+    var langPack = _objectSpread(_objectSpread({}, antdLocale), {}, {
+      'FormRender': locales[locale]
+    }, configProvider === null || configProvider === void 0 ? void 0 : configProvider.locale);
+    return /*#__PURE__*/_jsx(ConfigProvider, _objectSpread(_objectSpread({}, configProvider), {}, {
+      locale: langPack,
+      form: {
+        validateMessages: _objectSpread(_objectSpread({}, formValidateMessages), validateMessages)
+      },
+      children: /*#__PURE__*/_jsx(ConfigContext.Provider, {
+        value: configContext,
+        children: /*#__PURE__*/_jsx(FRContext.Provider, {
+          value: store,
+          children: /*#__PURE__*/_jsx(Element, _objectSpread({
+            form: form
+          }, otherProps))
+        })
+      })
+    }));
+  };
+}

package/dist/Lottie/CodeLight.d.ts

@@ -7,5 +7,5 @@ declare const _default: React.MemoExoticComponent<({ children, className, match,
     className?: string | undefined;
     inline?: boolean | undefined;
     match: RegExpExecArray | null;
-}) => React.JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/Lottie/CodeLight.js

@@ -11,6 +11,8 @@ import { CopyOutlined } from '@ant-design/icons';
 import { Button, message } from 'antd';
 import classNames from 'classnames';
 import { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var useCopyData = function useCopyData() {
   var copyData = useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
@@ -78,39 +80,41 @@ var CodeLight = function CodeLight(_ref2) {
     copyData = _useCopyData.copyData;
   // console.log('match =====>', match);
   if (children && children.includes('\n')) {
-    var codeBoxName = function codeBoxName() {
-      var input = (match === null || match === void 0 ? void 0 : match['input']) || '';
-      if (!input) return match === null || match === void 0 ? void 0 : match[1];
-      var splitInput = input.split('#');
-      return splitInput[1] || (match === null || match === void 0 ? void 0 : match[1]);
-    };
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: 'flex w-full flex-col overflow-hidden rounded-lg bg-[#f9f9f9]',
       style: {
         border: '1px solid #d9d9d9'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classNames('mt-[2px] flex items-center justify-between px-2', {
-        hidden: !match
-      })
-    }, /*#__PURE__*/React.createElement(Button, {
-      size: 'small',
-      className: 'text-[rgba(0,0,0,.65)]',
-      type: 'text',
-      icon: /*#__PURE__*/React.createElement(CopyOutlined, null),
-      onClick: function onClick() {
-        return copyData(String(children));
-      }
-    }, /*#__PURE__*/React.createElement("span", null, "\u590D\u5236"))), /*#__PURE__*/React.createElement("div", {
-      className: "mt-[-1px] px-5"
-    }, /*#__PURE__*/React.createElement(SyntaxHighlighter, {
-      style: oneLight,
-      language: match === null || match === void 0 ? void 0 : match[1],
-      PreTag: "pre"
-    }, String(children).replace(/ /g, ' '))));
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        className: classNames('mt-[2px] flex items-center justify-between px-2', {
+          hidden: !match
+        }),
+        children: /*#__PURE__*/_jsx(Button, {
+          size: 'small',
+          className: 'text-[rgba(0,0,0,.65)]',
+          type: 'text',
+          icon: /*#__PURE__*/_jsx(CopyOutlined, {}),
+          onClick: function onClick() {
+            return copyData(String(children));
+          },
+          children: /*#__PURE__*/_jsx("span", {
+            children: "\u590D\u5236"
+          })
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: "mt-[-1px] px-5",
+        children: /*#__PURE__*/_jsx(SyntaxHighlighter, {
+          style: oneLight,
+          language: match === null || match === void 0 ? void 0 : match[1],
+          PreTag: "pre",
+          children: String(children).replace(/ /g, ' ')
+        })
+      })]
+    });
   }
-  return /*#__PURE__*/React.createElement("code", {
-    className: className
-  }, children);
+  return /*#__PURE__*/_jsx("code", {
+    className: className,
+    children: children
+  });
 };
 export default /*#__PURE__*/React.memo(CodeLight);

package/dist/Lottie/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 interface ILottieProps {
     animationData: any;
 }
-declare const LottieReact: (props: ILottieProps) => React.JSX.Element;
+declare const LottieReact: (props: ILottieProps) => import("react/jsx-runtime").JSX.Element;
 export default LottieReact;

package/dist/Lottie/index.js

@@ -1,13 +1,16 @@
 import Lottie from 'lottie-react';
 import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 var LottieReact = function LottieReact(props) {
   var animationData = props.animationData;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Lottie, {
-    animationData: animationData,
-    loop: true,
-    style: {
-      width: 100
-    }
-  }));
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx(Lottie, {
+      animationData: animationData,
+      loop: true,
+      style: {
+        width: 100
+      }
+    })
+  });
 };
 export default LottieReact;

package/dist/Lottie/styles/CodeLight.less

@@ -4,7 +4,7 @@
   padding-bottom: 0.5rem;
   padding-inline-start: 1.25rem;
   padding-inline-end: 1.25rem;
-  background: hsl(30, 20%, 40%);
+  background: hsl(30deg, 20%, 40%);
   color: #ffff;
   border-color: #e2e8f0;
 }

package/dist/Lottie/styles/index.css

@@ -1 +1 @@
-.waitingAnimation>:last-child::after{display:inline-block;content:'';width:3px;height:14px;transform:translate(4px,2px) scaleY(1.3);background-color:#2b5fd9;animation:blink .6s infinite}.animation{height:20px}.animation::after{display:inline-block;content:'';width:3px;height:14px;transform:translate(4px,2px) scaleY(1.3);background-color:#2b5fd9;animation:blink 1.2s infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}}.ywkf-markdown>:first-child{margin-top:0!important}.ywkf-markdown>:last-child{margin-bottom:0!important}.ywkf-markdown a.absent{color:#c00}.ywkf-markdown a.anchor{bottom:0;cursor:pointer;display:block;left:0;margin-left:-30px;padding-left:30px;position:absolute;top:0}.ywkf-markdown h1,.ywkf-markdown h2,.ywkf-markdown h3,.ywkf-markdown h4,.ywkf-markdown h5,.ywkf-markdown h6{cursor:text;font-weight:700;margin:10px 0;padding:0;position:relative}.ywkf-markdown h1 .mini-icon-link,.ywkf-markdown h2 .mini-icon-link,.ywkf-markdown h3 .mini-icon-link,.ywkf-markdown h4 .mini-icon-link,.ywkf-markdown h5 .mini-icon-link,.ywkf-markdown h6 .mini-icon-link{display:none}.ywkf-markdown h1:hover a.anchor,.ywkf-markdown h2:hover a.anchor,.ywkf-markdown h3:hover a.anchor,.ywkf-markdown h4:hover a.anchor,.ywkf-markdown h5:hover a.anchor,.ywkf-markdown h6:hover a.anchor{line-height:1;margin-left:-22px;padding-left:0;text-decoration:none;top:15%}.ywkf-markdown h1:hover a.anchor .mini-icon-link,.ywkf-markdown h2:hover a.anchor .mini-icon-link,.ywkf-markdown h3:hover a.anchor .mini-icon-link,.ywkf-markdown h4:hover a.anchor .mini-icon-link,.ywkf-markdown h5:hover a.anchor .mini-icon-link,.ywkf-markdown h6:hover a.anchor .mini-icon-link{display:inline-block}.ywkf-markdown h1 code,.ywkf-markdown h1 tt,.ywkf-markdown h2 code,.ywkf-markdown h2 tt,.ywkf-markdown h3 code,.ywkf-markdown h3 tt,.ywkf-markdown h4 code,.ywkf-markdown h4 tt,.ywkf-markdown h5 code,.ywkf-markdown h5 tt,.ywkf-markdown h6 code,.ywkf-markdown h6 tt{font-size:inherit}.ywkf-markdown h1{font-size:28px}.ywkf-markdown h2{font-size:24px}.ywkf-markdown h3{font-size:18px}.ywkf-markdown h4{font-size:16px}.ywkf-markdown h5{font-size:14px}.ywkf-markdown h6{font-size:12px}.ywkf-markdown blockquote,.ywkf-markdown dl,.ywkf-markdown ol,.ywkf-markdown p,.ywkf-markdown pre,.ywkf-markdown table,.ywkf-markdown ul{margin:14px 0}.ywkf-markdown>h1:first-child,.ywkf-markdown>h1:first-child+h2,.ywkf-markdown>h2:first-child,.ywkf-markdown>h3:first-child,.ywkf-markdown>h4:first-child,.ywkf-markdown>h5:first-child,.ywkf-markdown>h6:first-child{margin-top:0;padding-top:0}.ywkf-markdown a:first-child h1,.ywkf-markdown a:first-child h2,.ywkf-markdown a:first-child h3,.ywkf-markdown a:first-child h4,.ywkf-markdown a:first-child h5,.ywkf-markdown a:first-child h6{margin-top:0;padding-top:0}.ywkf-markdown h1+p,.ywkf-markdown h2+p,.ywkf-markdown h3+p,.ywkf-markdown h4+p,.ywkf-markdown h5+p,.ywkf-markdown h6+p{margin-top:0}.ywkf-markdown li p.first{display:inline-block}.ywkf-markdown ol,.ywkf-markdown ul{padding-left:2em}.ywkf-markdown ol.no-list,.ywkf-markdown ul.no-list{list-style-type:none;padding:0}.ywkf-markdown ol li>:first-child,.ywkf-markdown ul li>:first-child{margin-top:0}.ywkf-markdown ol,.ywkf-markdown ul{padding-left:14px}.ywkf-markdown dl{padding:0}.ywkf-markdown dl dt{font-size:14px;font-style:italic;font-weight:700;margin:15px 0 5px;padding:0}.ywkf-markdown dl dt:first-child{padding:0}.ywkf-markdown dl dt>:first-child{margin-top:0}.ywkf-markdown dl dt>:last-child{margin-bottom:0}.ywkf-markdown dl dd{margin:0 0 15px;padding:0 15px}.ywkf-markdown dl dd>:first-child{margin-top:0}.ywkf-markdown dl dd>:last-child{margin-bottom:0}.ywkf-markdown blockquote{border-left:4px solid #ddd;color:#777;padding:0 15px}.ywkf-markdown blockquote>:first-child{margin-top:0}.ywkf-markdown blockquote>:last-child{margin-bottom:0}.ywkf-markdown table{width:100%}.ywkf-markdown table th{font-weight:700}.ywkf-markdown table td,.ywkf-markdown table th{padding:6px 13px}.ywkf-markdown table tr{background-color:#fff}.ywkf-markdown table tr:nth-child(2n){background-color:#f0f0f0}.ywkf-markdown img{max-width:100%}.ywkf-markdown span.frame{display:block;overflow:hidden}.ywkf-markdown span.frame>span{border:1px solid #ddd;display:block;float:left;margin:13px 0 0;overflow:hidden;padding:7px;width:auto}.ywkf-markdown span.frame span img{display:block;float:left}.ywkf-markdown span.frame span span{clear:both;color:#333;display:block;padding:5px 0 0}.ywkf-markdown span.align-center{clear:both;display:block;overflow:hidden}.ywkf-markdown span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.ywkf-markdown span.align-center span img{margin:0 auto;text-align:center}.ywkf-markdown span.align-right{clear:both;display:block;overflow:hidden}.ywkf-markdown span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.ywkf-markdown span.align-right span img{margin:0;text-align:right}.ywkf-markdown span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.ywkf-markdown span.float-left span{margin:13px 0 0}.ywkf-markdown span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.ywkf-markdown span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.ywkf-markdown code{border-radius:3px;font-size:14px;margin:0 2px;padding:2px 4px;background:rgba(0,0,0,.06)}.ywkf-markdown tt{border:1px solid #dee0e2;background-color:#f4f6f8;border-radius:3px;margin:0 2px;padding:0 5px}.ywkf-markdown pre>code{background:none repeat scroll 0 0 transparent;border:medium none;margin:0;padding:0}.ywkf-markdown .highlight pre,.ywkf-markdown pre{border:1px solid #ccc;border-radius:3px 3px 3px 3px;font-size:max(.9em,14px);line-height:19px;overflow:auto;padding:6px 10px}.ywkf-markdown pre code,.ywkf-markdown pre tt{background-color:transparent;border:medium none}.ywkf-markdown hr{margin:10px 0}.ywkf-markdown{tab-size:4;word-spacing:normal;width:100%}.ywkf-markdown *{word-break:break-word}.ywkf-markdown pre{display:block;width:100%;padding:15px;margin:0;border:none;border-radius:0;overflow-x:auto;color:#fff;overflow:auto}.ywkf-markdown pre:has(code){color:#fff;background:#4c3f33!important;text-shadow:0 -.1em .2em #000;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;font-size:85%;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;padding:1em;overflow:auto;border-radius:4px;box-shadow:1px 1px .5em #000 inset}.ywkf-markdown pre:has(code)::-webkit-scrollbar{height:6px;background:0 0}.ywkf-markdown pre:has(code)::-webkit-scrollbar-thumb{background:#8e8e8e;border-radius:10px}.ywkf-markdown pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:initial;border:0}.ywkf-markdown a{text-decoration:underline;color:#2b5fd9}.ywkf-markdown table{border-collapse:separate;border-spacing:0;color:#2d3748}.ywkf-markdown table thead tr:first-child th{border-bottom-width:1px;border-left-width:1px;border-top-width:1px;border-color:#ccc;background-color:rgba(236,236,241,.2);overflow:hidden}.ywkf-markdown table thead tr:first-child th:first-child{border-top-left-radius:.375rem}.ywkf-markdown table thead tr:first-child th:last-child{border-right-width:1px;border-top-right-radius:.375rem}.ywkf-markdown table td{border-bottom-width:1px;border-left-width:1px;border-color:#ccc}.ywkf-markdown table td:last-of-type{border-right-width:1px}.ywkf-markdown table tbody tr:last-child{overflow:hidden}.ywkf-markdown table tbody tr:last-child td:first-child{border-bottom-left-radius:.375rem}.ywkf-markdown table tbody tr:last-child td:last-child{border-bottom-right-radius:.375rem}.mermaid{overflow-x:auto}
+.waitingAnimation>:last-child::after{display:inline-block;content:'';width:3px;height:14px;transform:translate(4px,2px) scaleY(1.3);background-color:#2b5fd9;animation:blink .6s infinite}.animation{height:20px}.animation::after{display:inline-block;content:'';width:3px;height:14px;transform:translate(4px,2px) scaleY(1.3);background-color:#2b5fd9;animation:blink 1.2s infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}}.ywkf-markdown>:first-child{margin-top:0!important}.ywkf-markdown>:last-child{margin-bottom:0!important}.ywkf-markdown a.absent{color:#c00}.ywkf-markdown a.anchor{bottom:0;cursor:pointer;display:block;left:0;margin-left:-30px;padding-left:30px;position:absolute;top:0}.ywkf-markdown h1,.ywkf-markdown h2,.ywkf-markdown h3,.ywkf-markdown h4,.ywkf-markdown h5,.ywkf-markdown h6{cursor:text;font-weight:700;margin:10px 0;padding:0;position:relative}.ywkf-markdown h1 .mini-icon-link,.ywkf-markdown h2 .mini-icon-link,.ywkf-markdown h3 .mini-icon-link,.ywkf-markdown h4 .mini-icon-link,.ywkf-markdown h5 .mini-icon-link,.ywkf-markdown h6 .mini-icon-link{display:none}.ywkf-markdown h1:hover a.anchor,.ywkf-markdown h2:hover a.anchor,.ywkf-markdown h3:hover a.anchor,.ywkf-markdown h4:hover a.anchor,.ywkf-markdown h5:hover a.anchor,.ywkf-markdown h6:hover a.anchor{line-height:1;margin-left:-22px;padding-left:0;text-decoration:none;top:15%}.ywkf-markdown h1:hover a.anchor .mini-icon-link,.ywkf-markdown h2:hover a.anchor .mini-icon-link,.ywkf-markdown h3:hover a.anchor .mini-icon-link,.ywkf-markdown h4:hover a.anchor .mini-icon-link,.ywkf-markdown h5:hover a.anchor .mini-icon-link,.ywkf-markdown h6:hover a.anchor .mini-icon-link{display:inline-block}.ywkf-markdown h1 code,.ywkf-markdown h1 tt,.ywkf-markdown h2 code,.ywkf-markdown h2 tt,.ywkf-markdown h3 code,.ywkf-markdown h3 tt,.ywkf-markdown h4 code,.ywkf-markdown h4 tt,.ywkf-markdown h5 code,.ywkf-markdown h5 tt,.ywkf-markdown h6 code,.ywkf-markdown h6 tt{font-size:inherit}.ywkf-markdown h1{font-size:28px}.ywkf-markdown h2{font-size:24px}.ywkf-markdown h3{font-size:18px}.ywkf-markdown h4{font-size:16px}.ywkf-markdown h5{font-size:14px}.ywkf-markdown h6{font-size:12px}.ywkf-markdown blockquote,.ywkf-markdown dl,.ywkf-markdown ol,.ywkf-markdown p,.ywkf-markdown pre,.ywkf-markdown table,.ywkf-markdown ul{margin:14px 0}.ywkf-markdown>h1:first-child,.ywkf-markdown>h1:first-child+h2,.ywkf-markdown>h2:first-child,.ywkf-markdown>h3:first-child,.ywkf-markdown>h4:first-child,.ywkf-markdown>h5:first-child,.ywkf-markdown>h6:first-child{margin-top:0;padding-top:0}.ywkf-markdown a:first-child h1,.ywkf-markdown a:first-child h2,.ywkf-markdown a:first-child h3,.ywkf-markdown a:first-child h4,.ywkf-markdown a:first-child h5,.ywkf-markdown a:first-child h6{margin-top:0;padding-top:0}.ywkf-markdown h1+p,.ywkf-markdown h2+p,.ywkf-markdown h3+p,.ywkf-markdown h4+p,.ywkf-markdown h5+p,.ywkf-markdown h6+p{margin-top:0}.ywkf-markdown li p.first{display:inline-block}.ywkf-markdown ol,.ywkf-markdown ul{padding-left:2em}.ywkf-markdown ol.no-list,.ywkf-markdown ul.no-list{list-style-type:none;padding:0}.ywkf-markdown ol li>:first-child,.ywkf-markdown ul li>:first-child{margin-top:0}.ywkf-markdown dl{padding:0}.ywkf-markdown dl dt{font-size:14px;font-style:italic;font-weight:700;margin:15px 0 5px;padding:0}.ywkf-markdown dl dt:first-child{padding:0}.ywkf-markdown dl dt>:first-child{margin-top:0}.ywkf-markdown dl dt>:last-child{margin-bottom:0}.ywkf-markdown dl dd{margin:0 0 15px;padding:0 15px}.ywkf-markdown dl dd>:first-child{margin-top:0}.ywkf-markdown dl dd>:last-child{margin-bottom:0}.ywkf-markdown blockquote{border-left:4px solid #ddd;color:#777;padding:0 15px}.ywkf-markdown blockquote>:first-child{margin-top:0}.ywkf-markdown blockquote>:last-child{margin-bottom:0}.ywkf-markdown table th{font-weight:700}.ywkf-markdown table td,.ywkf-markdown table th{padding:6px 13px}.ywkf-markdown table tr{background-color:#fff}.ywkf-markdown table tr:nth-child(2n){background-color:#f0f0f0}.ywkf-markdown img{max-width:100%}.ywkf-markdown span.frame{display:block;overflow:hidden}.ywkf-markdown span.frame>span{border:1px solid #ddd;display:block;float:left;margin:13px 0 0;overflow:hidden;padding:7px;width:auto}.ywkf-markdown span.frame span img{display:block;float:left}.ywkf-markdown span.frame span span{clear:both;color:#333;display:block;padding:5px 0 0}.ywkf-markdown span.align-center{clear:both;display:block;overflow:hidden}.ywkf-markdown span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.ywkf-markdown span.align-center span img{margin:0 auto;text-align:center}.ywkf-markdown span.align-right{clear:both;display:block;overflow:hidden}.ywkf-markdown span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.ywkf-markdown span.align-right span img{margin:0;text-align:right}.ywkf-markdown span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.ywkf-markdown span.float-left span{margin:13px 0 0}.ywkf-markdown span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.ywkf-markdown span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.ywkf-markdown code{border-radius:3px;font-size:14px;margin:0 2px;padding:2px 4px;background:rgba(0,0,0,.06)}.ywkf-markdown tt{border:1px solid #dee0e2;background-color:#f4f6f8;border-radius:3px;margin:0 2px;padding:0 5px}.ywkf-markdown pre>code{background:none repeat scroll 0 0 transparent;border:medium none;margin:0;padding:0}.ywkf-markdown .highlight pre,.ywkf-markdown pre{border:1px solid #ccc;border-radius:3px;font-size:max(.9em,14px);line-height:19px;overflow:auto;padding:6px 10px}.ywkf-markdown pre code,.ywkf-markdown pre tt{background-color:transparent;border:medium none}.ywkf-markdown hr{margin:10px 0}.ywkf-markdown{tab-size:4;word-spacing:normal;width:100%}.ywkf-markdown *{word-break:break-word}.ywkf-markdown pre{display:block;width:100%;padding:15px;margin:0;border:none;border-radius:0;overflow-x:auto;color:#fff;overflow:auto}.ywkf-markdown pre:has(code){color:#fff;background:#4c3f33!important;text-shadow:0 -.1em .2em #000;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;font-size:85%;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;padding:1em;overflow:auto;border-radius:4px;box-shadow:1px 1px .5em #000 inset}.ywkf-markdown pre:has(code)::-webkit-scrollbar{height:6px;background:0 0}.ywkf-markdown pre:has(code)::-webkit-scrollbar-thumb{background:#8e8e8e;border-radius:10px}.ywkf-markdown pre code{display:inline-block;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:initial;border:0}.ywkf-markdown a{text-decoration:underline;color:#2b5fd9}.ywkf-markdown table{width:100%;border-collapse:separate;border-spacing:0;color:#2d3748}.ywkf-markdown table thead tr:first-child th{border-bottom-width:1px;border-left-width:1px;border-top-width:1px;border-color:#ccc;background-color:rgba(236,236,241,.2);overflow:hidden}.ywkf-markdown table thead tr:first-child th:first-child{border-top-left-radius:.375rem}.ywkf-markdown table thead tr:first-child th:last-child{border-right-width:1px;border-top-right-radius:.375rem}.ywkf-markdown table td{border-bottom-width:1px;border-left-width:1px;border-color:#ccc}.ywkf-markdown table td:last-of-type{border-right-width:1px}.ywkf-markdown table tbody tr:last-child{overflow:hidden}.ywkf-markdown table tbody tr:last-child td:first-child{border-bottom-left-radius:.375rem}.ywkf-markdown table tbody tr:last-child td:last-child{border-bottom-right-radius:.375rem}.mermaid{overflow-x:auto}

package/dist/Lottie/styles/index.less

@@ -23,7 +23,6 @@
 }
 
 @keyframes blink {
-
   from,
   to {
     opacity: 0;
@@ -44,7 +43,7 @@
 }
 
 .ywkf-markdown a.absent {
-  color: #cc0000;
+  color: #c00;
 }
 
 .ywkf-markdown a.anchor {
@@ -201,11 +200,6 @@
   margin-top: 0;
 }
 
-.ywkf-markdown ul,
-.ywkf-markdown ol {
-  padding-left: 14px;
-}
-
 .ywkf-markdown dl {
   padding: 0;
 }
@@ -244,8 +238,8 @@
 }
 
 .ywkf-markdown blockquote {
-  border-left: 4px solid #dddddd;
-  color: #777777;
+  border-left: 4px solid #ddd;
+  color: #777;
   padding: 0 15px;
 }
 
@@ -257,10 +251,6 @@
   margin-bottom: 0;
 }
 
-.ywkf-markdown table {
-  width: 100%;
-}
-
 .ywkf-markdown table th {
   font-weight: bold;
 }
@@ -271,7 +261,7 @@
 }
 
 .ywkf-markdown table tr {
-  background-color: #ffffff;
+  background-color: #fff;
 }
 
 .ywkf-markdown table tr:nth-child(2n) {
@@ -288,7 +278,7 @@
 }
 
 .ywkf-markdown span.frame>span {
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
   display: block;
   float: left;
   margin: 13px 0 0;
@@ -304,7 +294,7 @@
 
 .ywkf-markdown span.frame span span {
   clear: both;
-  color: #333333;
+  color: #333;
   display: block;
   padding: 5px 0 0;
 }
@@ -375,7 +365,7 @@
   font-size: 14px;
   margin: 0 2px;
   padding: 2px 4px;
-  background: rgba(0, 0, 0, .06);
+  background: rgba(0, 0, 0, 6%);
 }
 
 .ywkf-markdown tt {
@@ -395,8 +385,8 @@
 
 .ywkf-markdown .highlight pre,
 .ywkf-markdown pre {
-  border: 1px solid #cccccc;
-  border-radius: 3px 3px 3px 3px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
   font-size: max(0.9em, 14px);
   line-height: 19px;
   overflow: auto;
@@ -437,7 +427,7 @@
 
   pre:has(code) {
     color: white;
-    background: hsl(30, 20%, 25%) !important;
+    background: hsl(30deg, 20%, 25%) !important;
     text-shadow: 0 -.1em .2em black;
     font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
     font-size: 1em;
@@ -467,7 +457,7 @@
 
   pre code {
     // background-color: #292b33 !important;
-    display: inline;
+    display: inline-block;
     max-width: auto;
     padding: 0;
     margin: 0;
@@ -484,8 +474,9 @@
   }
 
   table {
+    width: 100%;
     border-collapse: separate;
-    border-spacing: 0px;
+    border-spacing: 0;
     color: #2d3748;
 
     thead tr:first-child th {
@@ -493,7 +484,7 @@
       border-left-width: 1px;
       border-top-width: 1px;
       border-color: #ccc;
-      background-color: rgba(236, 236, 241, 0.2);
+      background-color: rgba(236, 236, 241, 20%);
       overflow: hidden;
 
       &:first-child {