@jetlinks-web/components 2.7.0 → 3.0.0

package/es/EditTable/style/index.css

@@ -1,267 +0,0 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable */
-/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.jetlinks-edit-table-wrapper {
-  background: #fff;
-  height: 100%;
-  position: relative;
-}
-.jetlinks-edit-table-wrapper.table-full-screen {
-  padding: 24px;
-}
-.jetlinks-edit-table-wrapper .jetlinks-edit-table {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 0;
-  flex-shrink: 0;
-  background: #fafafa;
-  transition: background-color 0.3s ease;
-  overflow: auto hidden;
-}
-.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-header {
-  overflow: hidden;
-  width: 100%;
-}
-.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-body {
-  background-color: #fff;
-  overflow-y: hidden;
-  position: relative;
-  height: 100%;
-  width: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-}
-.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-table-horizontal-scroll {
-  width: 100%;
-  height: 15px;
-  min-height: 15px;
-  max-height: 15px;
-  display: flex;
-}
-.jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-table-horizontal-scroll .jetlinks-table-horizontal-scroll-bar {
-  height: 100%;
-  overflow-x: scroll;
-}
-.jetlinks-edit-table-body-viewport {
-  max-height: 100%;
-  width: 100%;
-  overflow: hidden auto;
-  position: relative;
-}
-.jetlinks-edit-table-body-viewport .jetlinks-edit-scrollbar {
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  z-index: -1;
-}
-.jetlinks-edit-table-body-viewport .jetlinks-edit-table-body-container {
-  overflow: hidden;
-  height: 100%;
-}
-.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center {
-  position: relative;
-  flex: 1 1 auto;
-  min-width: 0;
-  height: 100%;
-}
-.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  transition: top 0.2s, height 0.2s, background-color 0.1s;
-  border-bottom: 1px solid #ebebeb;
-}
-.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .jetlinks-edit-table-cell {
-  position: absolute;
-  min-width: 0;
-}
-.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row:hover {
-  background-color: #f8f8f8;
-}
-.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row.jetlinks-edit-table-row-selected {
-  background-color: var(--ant-primary-1);
-}
-.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .body-cell-box {
-  padding: 0 12px;
-  position: relative;
-}
-.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .readonly-mask {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 4;
-}
-.jetlinks-edit-table-body-empty {
-  display: flex;
-  width: 100%;
-  justify-content: center;
-  padding-top: 24px;
-}
-.jetlinks-edit-table-header-container {
-  height: 100%;
-  position: relative;
-}
-.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell {
-  height: 100%;
-  display: inline-flex;
-  align-items: center;
-  float: left;
-  overflow: visible;
-  position: absolute;
-  top: 0;
-}
-.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box {
-  padding: 0 12px;
-  width: 100%;
-}
-.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box.header-cell-box-tool {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .table-header-cell-title {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  font-weight: 600;
-  gap: 4px;
-}
-.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .table-header-cell-title .cell-title-box {
-  flex: 1 1 auto;
-}
-.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .header-cell-required {
-  color: #ff4d4f;
-  padding-left: 8px;
-  transform: translateY(3px);
-  font-weight: 500;
-}
-.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box::before {
-  position: absolute;
-  top: 50%;
-  right: 1px;
-  width: 1px;
-  height: 1.6em;
-  pointer-events: none;
-  background-color: rgba(0, 0, 0, 0.06);
-  transform: translateY(-50%);
-  transition: background-color 0.3s;
-  content: "";
-}
-.jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box:not(:last-child)::before {
-  background-color: transparent;
-}
-.jetlinks-table-search .jetlinks-table-search-header {
-  display: flex;
-  justify-content: space-between;
-}
-.jetlinks-table-search .jetlinks-table-search-header .jetlinks-drag-modal-footer {
-  display: none;
-}
-.jetlinks-table-search .jetlinks-table-search-header .jetlinks-table-search-result-total {
-  color: #1890ff;
-}
-.jetlinks-table-group-warp .ant-tabs-nav {
-  margin-bottom: 0;
-}
-.jetlinks-table-group-warp .ant-tabs-nav .ant-tabs-tab {
-  overflow: hidden;
-  position: relative;
-}
-.jetlinks-table-group-warp .ant-tabs-nav .ant-tabs-tab-active {
-  background-color: #BAE0FF !important;
-  border-color: #91CAFF !important;
-}
-.jetlinks-table-group-warp .ant-tabs-nav .ant-tabs-nav-add {
-  border: none;
-}
-.jetlinks-table-group-error-warp {
-  color: #1a1a1a !important;
-}
-.jetlinks-table-group-error-warp .table-group-error-target {
-  position: absolute;
-  right: 0;
-  top: 0;
-  border: 16px solid transparent;
-  border-top-color: #ff4d4f;
-  border-right-width: 0;
-  border-bottom-width: 0;
-}
-.jetlinks-table-form-error-target {
-  position: absolute;
-  right: 2px;
-  top: -9px;
-  border: 16px solid transparent;
-  border-top-color: #ff4d4f;
-  border-right-width: 0;
-  border-bottom-width: 0;
-}
-.jetlinks-edit-table-form-has-error .select-no-value .ant-select-selector {
-  border-color: #ff4d4f !important;
-}
-.jetlinks-edit-table-form-has-error .select-no-value .ant-select-selector:focus {
-  box-shadow: 0 0 0 2px var(--ant-error-color-outline) !important;
-}
-.jetlinks-edit-table-form-has-error > input {
-  border-color: #ff4d4f !important;
-}
-.jetlinks-edit-table-form-has-error > input:focus {
-  box-shadow: 0 0 0 2px var(--ant-error-color-outline) !important;
-}
-.jetlinks-edit-table-form-has-error .jetlinks-table-form-required-aicon {
-  color: #ff4d4f;
-}
-.jetlinks-edit-table-context-menu {
-  position: fixed;
-  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
-  border-radius: 4px;
-  overflow: hidden;
-  width: 192px;
-  padding: 4px;
-  background-color: #fff;
-}
-.jetlinks-edit-table-context-menu .ant-menu {
-  border-right: none;
-}
-.jetlinks-edit-table-context-menu .ant-menu .ant-menu-item {
-  margin: 0;
-  height: 32px;
-}
-.jetlinks-edit-table-context-menu .ant-menu .ant-menu-item.danger {
-  color: #ff4d4f;
-}
-.jetlinks-edit-table-context-menu .ant-menu-item-active {
-  background-color: var(--ant-primary-1);
-}
-.edit-table-search-header {
-  display: flex;
-  justify-content: space-between;
-}
-.edit-table-search-result-total {
-  color: #1890ff;
-}
-.jetlinks-edit-table-horizontal-scroll {
-  height: 17px;
-  width: 100%;
-  display: flex;
-  position: relative;
-  z-index: 4;
-}
-.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport {
-  overflow-y: hidden;
-  overflow-x: scroll;
-  position: relative;
-  flex: 1 1 0;
-  height: 17px;
-  width: 100%;
-}
-.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport > div {
-  height: 17px;
-}
-.jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-hidden {
-  height: 100%;
-  overflow-x: hidden;
-}

package/es/EditTable/style/index.less

@@ -1,41 +0,0 @@
-@import "ant-design-vue/es/style/themes/index.less";
-@import "./table.less";
-@import "./body.less";
-@import "./header.less";
-@import "./group.less";
-@import "./form.less";
-@import "./menu.less";
-
-.edit-table-search-header {
-  display: flex;
-  justify-content: space-between;
-}
-
-.edit-table-search-result-total {
-  color: @primary-color;
-}
-
-.jetlinks-edit-table-horizontal-scroll {
-  height: 17px;
-  width: 100%;
-  display: flex;
-  position: relative;
-  z-index: 4;
-
-  .jetlinks-edit-table-horizontal-scroll-viewport {
-    overflow-y: hidden;
-    overflow-x: scroll;
-    position: relative;
-    flex: 1 1 0;
-    height: 17px;
-    width: 100%;
-
-    > div {
-      height: 17px;
-    }
-  }
-
-  .jetlinks-edit-table-horizontal-scroll-hidden {
-    height: 100%; overflow-x: hidden;
-  }
-}

package/es/EditTable/style/menu.less

@@ -1,25 +0,0 @@
-.jetlinks-edit-table-context-menu{
-  position: fixed;
-  box-shadow: 0 0 12px rgba(0, 0, 0 ,.2);
-  border-radius: 4px;
-  overflow: hidden;
-  width: 192px;
-  padding: 4px;
-  background-color: #fff;
-  .ant-menu {
-    border-right: none;
-
-    .ant-menu-item {
-      margin: 0;
-      height: 32px;
-
-      &.danger {
-        color: @error-color;
-      }
-    }
-  }
-
-  .ant-menu-item-active {
-    background-color: var(--ant-primary-1);;
-  }
-}

package/es/EditTable/style/table.less

@@ -1,47 +0,0 @@
-.jetlinks-edit-table-wrapper {
-  background: #fff;
-  height: 100%;
-  position: relative;
-
-  &.table-full-screen {
-    padding: 24px;
-  }
-
-  .jetlinks-edit-table {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 0;
-    flex-shrink: 0;
-    background: #fafafa;
-    transition: background-color .3s ease;
-    overflow: auto hidden;
-
-    .jetlinks-edit-table-header {
-      overflow: hidden;
-      width: 100%;
-    }
-
-    .jetlinks-edit-table-body {
-      background-color: #fff;
-      overflow-y: hidden;
-      position: relative;
-      height: 100%;
-      width: 100%;
-      flex: 1 1 auto;
-      flex-direction: row;
-    }
-
-    .jetlinks-table-horizontal-scroll {
-      width: 100%;
-      height: 15px;
-      min-height: 15px;
-      max-height: 15px;
-      display: flex;
-
-      .jetlinks-table-horizontal-scroll-bar {
-        height: 100%;
-        overflow-x: scroll;
-      }
-    }
-  }
-}

package/es/Ellipsis/style/index.css

@@ -1,17 +0,0 @@
-.j-ellipsis {
-  overflow: hidden;
-  vertical-align: bottom;
-}
-.j-ellipsis-cursor {
-  cursor: pointer;
-}
-.j-ellipsis-line-clamp {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  word-break: break-all;
-}
-.j-ellipsis-deep {
-  max-height: 380px;
-  -webkit-line-clamp: 17;
-  text-overflow: ellipsis;
-}

package/es/Ellipsis/style/index.less

@@ -1,20 +0,0 @@
-.j-ellipsis {
-  overflow: hidden;
-  vertical-align: bottom;
-}
-
-.j-ellipsis-cursor {
-  cursor: pointer;
-}
-
-.j-ellipsis-line-clamp {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  word-break: break-all;
-}
-
-.j-ellipsis-deep {
-  max-height: 380px;
-  -webkit-line-clamp: 17;
-  text-overflow: ellipsis;
-}

package/es/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/es/MonacoEditor/index.js

@@ -1,5 +0,0 @@
-import Monaco from './Monaco.js';
-Monaco.install = function (app) {
-  app.component(Monaco.name, Monaco);
-};
-export default Monaco;

package/es/MonacoEditor/style/index.css

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

package/es/MonacoEditor/style/index.js

@@ -1 +0,0 @@
-import './index.less';

package/es/MonacoEditor/style/index.less

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