@jetlinks-web/components 2.7.0 → 3.0.0

package/lib/MonacoEditor/Monaco.js

@@ -1,242 +0,0 @@
-function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
-    const op = ops[i];
-    const fn = ops[i + 1];
-    i += 2;
-    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
-        return undefined;
-    }
-    if (op === 'access' || op === 'optionalAccess') {
-        lastAccessLHS = value;
-        value = fn(value);
-    }
-    else if (op === 'call' || op === 'optionalCall') {
-        value = fn((...args) => value.call(lastAccessLHS, ...args));
-        lastAccessLHS = undefined;
-    }
-} return value; }
-/* Analyzed bindings: {
-  "modelValue": "props",
-  "theme": "props",
-  "language": "props",
-  "codeTips": "props",
-  "init": "props",
-  "registrationTips": "props",
-  "registrationTypescript": "props",
-  "blurFormat": "props",
-  "readOnly": "props",
-  "options": "props",
-  "ref": "setup-const",
-  "onMounted": "setup-const",
-  "watch": "setup-const",
-  "onUnmounted": "setup-const",
-  "toRaw": "setup-const",
-  "nextTick": "setup-const",
-  "monaco": "setup-const",
-  "omit": "setup-maybe-ref",
-  "props": "setup-reactive-const",
-  "emit": "setup-const",
-  "dom": "setup-ref",
-  "instance": "setup-let",
-  "monacoProviderRef": "setup-ref",
-  "monacoTypescriptProviderRef": "setup-ref",
-  "handleSuggestions": "setup-const",
-  "disposeRegister": "setup-const",
-  "registerCompletionItemProvider": "setup-const",
-  "disposeTypescript": "setup-const",
-  "registerTypescript": "setup-const",
-  "editorFormat": "setup-const",
-  "insert": "setup-const"
-} */
-import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-import { ref, onMounted, watch, onUnmounted, nextTick } from 'vue';
-import * as monaco from 'monaco-editor';
-import { omit } from 'lodash-es';
-const __sfc_main__ = Object.assign({
-    name: 'JMonacoEditor'
-}, {
-    props: {
-        modelValue: [String, Number],
-        theme: { type: String, default: 'vs-dark' },
-        language: { type: String, default: 'json' },
-        codeTips: { type: Array, default: () => [] },
-        init: { type: Function, default: undefined },
-        registrationTips: { type: Object, default: () => ({}) },
-        registrationTypescript: { type: Object, default: () => ({}) },
-        blurFormat: { type: Boolean, default: true },
-        readOnly: { type: Boolean, default: false },
-        options: { type: Object, default: () => ({}) },
-    },
-    emits: [
-        'update:modelValue',
-        'blur',
-        'focus',
-        'change',
-        'errorChange',
-    ],
-    setup(__props, { expose: __expose, emit: __emit }) {
-        const props = __props;
-        const emit = __emit;
-        const dom = ref();
-        let instance;
-        const monacoProviderRef = ref();
-        const monacoTypescriptProviderRef = ref();
-        // codeTipItem.dispose() // 销毁自定义提示
-        const handleSuggestions = (suggestions, range) => {
-            return Array.isArray(suggestions)
-                ? suggestions.map((item) => ({ ...item, range }))
-                : [];
-        };
-        const disposeRegister = () => {
-            _optionalChain([monacoProviderRef, 'access', _ => _.value, 'optionalAccess', _2 => _2.dispose, 'call', _3 => _3()]);
-            monacoProviderRef.value = null;
-        };
-        /**
-         * 代码提示注册
-         */
-        const registerCompletionItemProvider = () => {
-            disposeRegister();
-            if (monaco.languages && _optionalChain([props, 'access', _4 => _4.registrationTips, 'optionalAccess', _5 => _5.suggestions])) {
-                const { name, suggestions } = props.registrationTips;
-                monacoProviderRef.value =
-                    monaco.languages.registerCompletionItemProvider(name || 'json', {
-                        provideCompletionItems: function (model, position) {
-                            const word = model.getWordUntilPosition(position); // 获取提示代码范围位置
-                            const range = {
-                                startLineNumber: position.lineNumber,
-                                endLineNumber: position.lineNumber,
-                                startColumn: word.startColumn,
-                                endColumn: word.endColumn,
-                            };
-                            return {
-                                suggestions: handleSuggestions(suggestions, range),
-                            };
-                        },
-                    });
-            }
-        };
-        const disposeTypescript = () => {
-            _optionalChain([monacoTypescriptProviderRef, 'access', _6 => _6.value, 'optionalAccess', _7 => _7.dispose, 'call', _8 => _8()]);
-            monacoTypescriptProviderRef.value = null;
-        };
-        const registerTypescript = () => {
-            disposeTypescript();
-            if (monaco.languages && _optionalChain([props, 'access', _9 => _9.registrationTypescript, 'optionalAccess', _10 => _10.typescript])) {
-                const { name, typescript } = props.registrationTypescript;
-                monacoTypescriptProviderRef.value =
-                    monaco.languages.typescript.javascriptDefaults.addExtraLib(typescript);
-            }
-        };
-        /**
-         * 代码格式化
-         */
-        const editorFormat = () => {
-            if (!instance)
-                return;
-            setTimeout(() => {
-                _optionalChain([instance, 'access', _11 => _11.getAction, 'call', _12 => _12('editor.action.formatDocument'), 'optionalAccess', _13 => _13.run, 'call', _14 => _14()]);
-            }, 300);
-            if (props.hasOwnProperty('readOnly')) {
-                setTimeout(() => {
-                    instance.updateOptions({
-                        readOnly: props.readOnly !== false,
-                    });
-                }, 400);
-            }
-        };
-        monaco.editor.onDidChangeMarkers(([uri]) => {
-            const markers = monaco.editor.getModelMarkers({ resource: uri });
-            emit('errorChange', markers);
-        });
-        onMounted(async () => {
-            const _model = monaco.editor.createModel(props.modelValue, props.language);
-            instance = monaco.editor.create(dom.value, {
-                model: _model,
-                tabSize: 2,
-                automaticLayout: true,
-                scrollBeyondLastLine: false,
-                theme: props.theme,
-                formatOnPaste: true,
-                ...(omit(props.options, ['readOnly']) || {}),
-            });
-            instance.onDidChangeModelContent(() => {
-                //
-                const value = instance.getValue();
-                nextTick(() => {
-                    emit('update:modelValue', value);
-                    emit('change', value);
-                });
-            });
-            instance.onDidBlurEditorText(() => {
-                emit('blur');
-                if (props.blurFormat) {
-                    editorFormat();
-                }
-            });
-            instance.onDidFocusEditorText(() => {
-                emit('focus');
-            });
-            if (props.modelValue) {
-                setTimeout(() => {
-                    editorFormat();
-                }, 200);
-            }
-            _optionalChain([props, 'access', _15 => _15.init, 'optionalCall', _16 => _16(instance, monaco)]);
-        });
-        /**
-         * 光标位置插入内容
-         * @param {String} val
-         * @param position
-         */
-        const insert = (val, position) => {
-            if (!instance)
-                return;
-            const _position = position || instance.getPosition();
-            const value = instance.getValue();
-            if (position && position.lineNumber) {
-                instance.setPosition(position);
-            }
-            instance.executeEdits(value, [
-                {
-                    range: new monaco.Range(_optionalChain([_position, 'optionalAccess', _17 => _17.lineNumber]), _optionalChain([_position, 'optionalAccess', _18 => _18.column]), _optionalChain([_position, 'optionalAccess', _19 => _19.lineNumber]), _optionalChain([_position, 'optionalAccess', _20 => _20.column])),
-                    text: val,
-                },
-            ]);
-        };
-        watch(() => props.modelValue, (val) => {
-            if (!instance ||
-                (instance &&
-                    props.modelValue === instance.getValue()))
-                return;
-            // setValue之前获取光标位置
-            const position = instance.getPosition();
-            // setValue之后光标位置改变
-            instance.setValue(val);
-            // 设置光标位置为setValue之前的位置
-            instance.setPosition(position);
-            editorFormat();
-        });
-        watch(() => JSON.stringify(props.registrationTips), () => {
-            registerCompletionItemProvider();
-        }, { immediate: true });
-        watch(() => JSON.stringify(props.registrationTypescript), () => {
-            registerTypescript();
-        }, { immediate: true });
-        onUnmounted(() => {
-            disposeRegister();
-            disposeTypescript();
-            _optionalChain([instance, 'access', _21 => _21.editor, 'optionalAccess', _22 => _22.dispose, 'optionalCall', _23 => _23()]);
-        });
-        __expose({
-            editorFormat,
-            insert,
-        });
-        return (_ctx, _cache) => {
-            return (_openBlock(), _createElementBlock("div", {
-                ref_key: "dom",
-                ref: dom,
-                class: "j-monaco-editor"
-            }, null, 512 /* NEED_PATCH */));
-        };
-    }
-});
-export default __sfc_main__;

package/lib/MonacoEditor/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Monaco = _interopRequireDefault(require("./Monaco.js"));
-_Monaco.default.install = function (app) {
-  app.component(_Monaco.default.name, _Monaco.default);
-};
-var _default = exports.default = _Monaco.default;

package/lib/MonacoEditor/style/index.css

@@ -1,4 +0,0 @@
-.j-monaco-editor {
-  min-height: 50px;
-  height: 100%;
-}

package/lib/MonacoEditor/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.less");

package/lib/MonacoEditor/style/index.less

@@ -1,4 +0,0 @@
-.j-monaco-editor {
-  min-height: 50px;
-  height: 100%;
-}

package/lib/ProLayout/Basic/BasicLayout.less

@@ -1,66 +0,0 @@
-@import '../style/default.less';
-
-.@{basicLayout-prefix-cls} {
-  // BFC
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  min-height: 100%;
-
-  .@{ant-prefix}-layout-header {
-    &.@{ant-prefix}-pro-fixed-header {
-      position: fixed;
-      top: 0;
-    }
-  }
-
-  &-content {
-    position: relative;
-    margin: 24px;
-
-    .@{ant-prefix}-pro-page-container {
-      margin: -24px -24px 0;
-    }
-
-    &-disable-margin {
-      margin: 0;
-
-      .@{ant-prefix}-pro-page-container {
-        margin: 0;
-      }
-    }
-
-    > .@{ant-prefix}-layout {
-      max-height: 100%;
-    }
-  }
-
-  // children should support fixed
-  .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-fix-siderbar {
-    height: 100vh;
-    overflow: hidden;
-    transform: rotate(0);
-  }
-
-  .@{basicLayout-prefix-cls}-has-header {
-    // tech-page-container
-    .tech-page-container {
-      height: calc(100vh - @pro-layout-header-height);
-    }
-
-    .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-has-header {
-      .tech-page-container {
-        height: calc(100vh - @pro-layout-header-height -
-        @pro-layout-header-height);
-      }
-
-      .@{basicLayout-prefix-cls}-is-children {
-        min-height: calc(100vh - @pro-layout-header-height);
-
-        &.@{basicLayout-prefix-cls}-fix-siderbar {
-          height: calc(100vh - @pro-layout-header-height);
-        }
-      }
-    }
-  }
-}

package/lib/ProLayout/Basic/Header.less

@@ -1,8 +0,0 @@
-@import '../style/default.less';
-
-@pro-layout-fixed-header-prefix-cls: ~'@{ant-prefix}-pro-fixed-header';
-
-.@{pro-layout-fixed-header-prefix-cls} {
-    z-index: 9;
-    width: 100%;
-}

package/lib/ProLayout/PageContainer/index.less

@@ -1,103 +0,0 @@
-@import '../style/default.less';
-
-@pro-layout-page-container: ~'@{ant-prefix}-pro-page-container';
-
-.@{pro-layout-page-container}-children-content {
-    margin: 24px 24px 0;
-}
-
-.@{pro-layout-page-container} {
-    &-warp {
-        background-color: @component-background;
-        .@{ant-prefix}-tabs-bar {
-            margin: 0;
-        }
-    }
-    &-ghost {
-        .@{pro-layout-page-container}-warp {
-            background-color: @component-background;
-        }
-    }
-}
-
-.@{pro-layout-page-container}-main {
-    .@{pro-layout-page-container}-detail {
-        display: flex;
-    }
-
-    .@{pro-layout-page-container}-row {
-        display: flex;
-        width: 100%;
-    }
-
-    .@{pro-layout-page-container}-title-content {
-        margin-bottom: 16px;
-    }
-
-    .@{pro-layout-page-container}-title,
-    .@{pro-layout-page-container}-content {
-        flex: auto;
-    }
-
-    .@{pro-layout-page-container}-extraContent,
-    .@{pro-layout-page-container}-main {
-        flex: 0 1 auto;
-    }
-
-    .@{pro-layout-page-container}-main {
-        width: 100%;
-    }
-
-    .@{pro-layout-page-container}-title {
-        margin-bottom: 16px;
-    }
-
-    .@{pro-layout-page-container}-logo {
-        margin-bottom: 16px;
-    }
-
-    .@{pro-layout-page-container}-extraContent {
-        min-width: 242px;
-        margin-left: 88px;
-        text-align: right;
-    }
-}
-
-@media screen and (max-width: @screen-xl) {
-    .@{pro-layout-page-container}-main {
-        .@{pro-layout-page-container}-extraContent {
-            margin-left: 44px;
-        }
-    }
-}
-
-@media screen and (max-width: @screen-lg) {
-    .@{pro-layout-page-container}-main {
-        .@{pro-layout-page-container}-extraContent {
-            margin-left: 20px;
-        }
-    }
-}
-
-@media screen and (max-width: @screen-md) {
-    .@{pro-layout-page-container}-main {
-        .@{pro-layout-page-container}-row {
-            display: block;
-        }
-
-        .@{pro-layout-page-container}-action,
-        .@{pro-layout-page-container}-extraContent {
-            margin-left: 0;
-            text-align: left;
-        }
-    }
-}
-
-@media screen and (max-width: @screen-sm) {
-    .@{pro-layout-page-container}-detail {
-        display: block;
-    }
-    .@{pro-layout-page-container}-extraContent {
-        margin-left: 0;
-    }
-}

package/lib/ProLayout/SiderMenu/index.less

@@ -1,231 +0,0 @@
-@import '../style/default.less';
-
-@pro-layout-sider-menu-prefix-cls: ~'@{ant-prefix}-pro-sider';
-
-@nav-header-height: @pro-layout-header-height;
-
-.@{pro-layout-sider-menu-prefix-cls} {
-    position: relative;
-    background-color: @layout-sider-background;
-    border-right: 0;
-    // FIXME: 临时修正(可能不会做兼容)
-    z-index: 20;
-
-    // 这里关掉了动画，不然使用无法兼容
-    .@{ant-prefix}-menu {
-        background: transparent;
-    }
-
-    &.@{ant-prefix}-layout-sider-light {
-        .@{ant-prefix}-menu-item a {
-            color: @heading-color;
-        }
-        .@{ant-prefix}-menu-item-selected a,
-        .@{ant-prefix}-menu-item a:hover {
-            color: @primary-color;
-        }
-    }
-
-    &-logo {
-        position: relative;
-        display: flex;
-        align-items: center;
-        padding: 16px 16px;
-        cursor: pointer;
-        transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-
-        > a {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            min-height: 32px;
-        }
-
-        img {
-            display: inline-block;
-            height: 32px;
-            vertical-align: middle;
-        }
-
-        h1 {
-            display: inline-block;
-            height: 32px;
-            margin: 0 0 0 12px;
-            color: white;
-            font-weight: 600;
-            font-size: 18px;
-            line-height: 32px;
-            vertical-align: middle;
-            animation: pro-layout-title-hide 0.3s;
-        }
-    }
-
-    &-logo-card {
-      padding: 16px 0;
-      justify-content: center;
-    }
-
-    &-extra {
-        margin-bottom: 16px;
-        padding: 0 16px;
-        &-no-logo {
-            margin-top: 16px;
-        }
-    }
-
-    &-menu {
-        position: relative;
-        z-index: 10;
-        min-height: 100%;
-        box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
-    }
-
-    .@{ant-prefix}-layout-sider-children {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-
-        ::-webkit-scrollbar {
-            width: 6px;
-            height: 6px;
-        }
-
-        ::-webkit-scrollbar-track {
-            background: rgba(255, 255, 255, 0.15);
-            border-radius: 3px;
-            box-shadow: inset 0 0 5px rgba(37, 37, 37, 0.05);
-        }
-
-        /* 滚动条滑块 */
-        ::-webkit-scrollbar-thumb {
-            background: rgba(255, 255, 255, 0.2);
-            border-radius: 3px;
-            box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.05);
-        }
-    }
-
-    &.@{ant-prefix}-layout-sider-collapsed {
-        .@{ant-prefix}-menu-inline-collapsed {
-            width: 48px;
-        }
-        .@{pro-layout-sider-menu-prefix-cls} {
-            &-logo {
-                padding: 16px 8px;
-            }
-        }
-    }
-
-    &.@{ant-prefix}-layout-sider.@{pro-layout-sider-menu-prefix-cls}-fixed {
-        position: fixed;
-        top: 0;
-        left: 0;
-        z-index: 99; // react pro-components: z-index: 100;
-        height: 100%;
-        overflow: auto;
-        overflow-x: hidden;
-        box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
-        > .@{ant-prefix}-menu-root {
-            :not(.@{pro-layout-sider-menu-prefix-cls}-link-menu) {
-                height: ~'calc(100vh - @{nav-header-height})';
-                overflow-y: auto;
-            }
-        }
-    }
-
-    &-light {
-        background-color: @component-background;
-        box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
-
-        .@{ant-prefix}-layout-sider-children {
-            ::-webkit-scrollbar-track {
-                background: rgba(0, 0, 0, 0.06);
-                border-radius: 3px;
-                box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
-            }
-
-            /* 滚动条滑块 */
-            ::-webkit-scrollbar-thumb {
-                background: rgba(0, 0, 0, 0.12);
-                border-radius: 3px;
-                box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
-            }
-        }
-
-        .@{pro-layout-sider-menu-prefix-cls}-logo {
-            h1 {
-                color: @primary-color;
-            }
-        }
-        .@{ant-prefix}-menu-light {
-            border-right-color: transparent;
-        }
-
-        .@{pro-layout-sider-menu-prefix-cls}-collapsed-button {
-            border-top: @border-width-base @border-style-base
-                @border-color-split;
-        }
-    }
-
-    &-icon {
-        width: 14px;
-        vertical-align: baseline;
-    }
-
-    &-links {
-        width: 100%;
-        ul.@{ant-prefix}-menu-root {
-            height: auto;
-        }
-    }
-
-    &-collapsed-button {
-        border-top: @border-width-base @border-style-base rgba(0, 0, 0, 0.25);
-        .anticon {
-            font-size: 16px;
-        }
-    }
-
-    .top-nav-menu li.@{ant-prefix}-menu-item {
-        height: 100%;
-        line-height: 1;
-    }
-    .drawer .drawer-content {
-        background: @layout-sider-background;
-    }
-}
-
-// 修正菜单 collapsed 时，icon 与 title 的间距
-.@{ant-prefix}-pro-menu-item {
-    .anticon + .@{ant-prefix}-pro-menu-item-title {
-        margin-left: 10px;
-    }
-}
-
-.sider-app-menus {
-  width: 100px;
-  background-color: #fff;
-  cursor: pointer;
-  padding: 6px;
-  transition: all .3s;
-  border-radius: 4px;
-  color: #333;
-
-  &:hover {
-    background-color: #efefef;
-  }
-}
-
-@keyframes pro-layout-title-hide {
-    0% {
-        display: none;
-        opacity: 0;
-    }
-    80% {
-        display: none;
-        opacity: 0;
-    }
-    100% {
-        display: unset;
-        opacity: 1;
-    }
-}