@yuntijs/ui 1.0.0-beta.9 → 1.0.0-beta.90

package/es/MonacoEditor/style.js

@@ -1,24 +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;
-  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        min-height: 100px;\n\n        border: 1px solid transparent;\n        border-radius: 3px;\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        }\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      "])), 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'
-});