@yuntijs/ui 1.0.0-beta.80 → 1.0.0-beta.82

package/es/MonacoEditor/style.d.ts

@@ -1,10 +0,0 @@
-/**
- * styles from https://github.com/alibaba/lowcode-plugins/blob/main/packages/base-monaco-editor/src/index.scss
- */
-export declare const useStyles: (props?: {
-    minimapEnabled?: boolean | undefined;
-    isFullScreen?: boolean | undefined;
-} | undefined) => import("antd-style").ReturnStyles<{
-    base: import("antd-style").SerializedStyles;
-    diff: import("antd-style").SerializedStyles;
-}>;

package/es/MonacoEditor/style.js

@@ -1,25 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { createStyles, keyframes } from 'antd-style';
-import fullScreenCancelIcon from "./assets/img/full-screen-cancel-icon.png";
-import fullScreenIcon from "./assets/img/full-screen-icon.png";
-
-/**
- * styles from https://github.com/alibaba/lowcode-plugins/blob/main/packages/base-monaco-editor/src/index.scss
- */
-export var useStyles = createStyles(function (_ref, _ref2) {
-  var css = _ref.css,
-    token = _ref.token;
-  var _ref2$minimapEnabled = _ref2.minimapEnabled,
-    minimapEnabled = _ref2$minimapEnabled === void 0 ? false : _ref2$minimapEnabled,
-    _ref2$isFullScreen = _ref2.isFullScreen,
-    isFullScreen = _ref2$isFullScreen === void 0 ? false : _ref2$isFullScreen;
-  var dots = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      0% { content: '.'; }\n      20% { content: '..'; }\n      40% { content: '...'; }\n      60% { content: '....'; }\n      80% { content: '.....'; }\n    "])));
-  var fullScreenStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .base-monaco-full-screen-icon,\n      .base-monaco-full-screen-icon-cancel {\n        cursor: pointer;\n\n        position: absolute;\n\n        width: 20px;\n        height: 20px;\n\n        background-size: 20px 20px;\n      }\n\n      .base-monaco-full-screen-icon {\n        top: 40px;\n        right: ", ";\n        background-image: url(", ");\n      }\n\n      .base-monaco-full-screen-icon-cancel {\n        z-index: 9999;\n        top: 10px;\n        right: 138px;\n        background-image: url(", ");\n      }\n    "])), minimapEnabled ? '64px' : '20px', fullScreenIcon, fullScreenCancelIcon);
-  return {
-    base: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        position: relative;\n\n        box-sizing: content-box;\n        width: 100%;\n        min-height: 100px;\n\n        border: 1px solid ", ";\n        border-radius: ", "px;\n        &:hover {\n          border-color: var(--color-field-border-hover, rgba(31, 56, 88, 0.1));\n        }\n        &.ve-focused {\n          border-color: var(--color-field-border-active, rgba(31, 56, 88, 0.15));\n        }\n        &.ve-outline {\n          border: 1px solid var(--color-field-border, rgba(31, 56, 88, 0.05)) !important;\n        }\n\n        .react-monaco-editor-container {\n          width: 100%;\n          height: 100%;\n          min-height: 100px;\n          background: transparent;\n          & > .monaco-editor {\n            border-radius: ", "px;\n            .overflow-guard,\n            .margin {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n            }\n            .monaco-scrollable-element {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n          .monaco-diff-editor {\n            border-radius: ", "px;\n            & > .original > .monaco-editor {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n              .overflow-guard,\n              .margin {\n                border-top-left-radius: ", "px;\n                border-bottom-left-radius: ", "px;\n              }\n            }\n            .diffViewport {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n        }\n\n        ", "\n\n        .loading {\n          position: absolute;\n          inset: 0;\n\n          display: flex;\n          align-items: center;\n          justify-content: center;\n\n          color: var(--color-text, rgba(0, 0, 0, 0.3));\n\n          background-color: transparent;\n\n          &::after {\n            content: '';\n            display: inline;\n            animation: ", " steps(3) 1s infinite;\n          }\n        }\n\n        .syntaxTips {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n\n          box-sizing: border-box;\n          width: 100%;\n          max-height: 0;\n          margin: 0;\n          padding: 10px 30px;\n\n          color: red;\n\n          background: rgba(255, 234, 234, 0.8);\n\n          transition: 0.2s ease max-height;\n        }\n\n        .syntaxTips:hover {\n          overflow: auto;\n          max-height: 50%;\n        }\n\n        .syntaxTips .infoIcon {\n          position: absolute;\n          top: 2px;\n          right: 5px;\n          transform: rotateY(180deg);\n\n          width: 20px;\n          height: 16px;\n        }\n      "])), token.colorBorder, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius - 1, token.borderRadius - 1, fullScreenStyle, dots),
-    diff: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        position: relative;\n        box-sizing: content-box;\n\n        .react-monaco-editor-container {\n          ", "\n        }\n\n        ", "\n\n        .base-monaco-full-screen-icon {\n          right: 64px;\n        }\n\n        .base-monaco-full-screen-icon-cancel {\n          position: fixed;\n          right: 64px;\n        }\n      "])), isFullScreen && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            position: fixed;\n            z-index: 9998;\n            inset: 0;\n\n            width: auto;\n            height: auto;\n          "]))), fullScreenStyle)
-  };
-}, {
-  hashPriority: 'low'
-});