@jetlinks-web/components 2.0.2-2 → 2.0.2-4

package/lib/FullPage/FullPage.js

@@ -0,0 +1,31 @@
+/* Analyzed bindings: {
+  "ref": "setup-const",
+  "useElementBounding": "setup-maybe-ref",
+  "fullPage": "setup-ref",
+  "y": "setup-maybe-ref"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+const _withScopeId = n => (_pushScopeId("data-v-1712538745502"), n = n(), _popScopeId(), n);
+const _hoisted_1 = { class: "full-page-warp-content" };
+import { ref } from 'vue';
+import { useElementBounding } from '@vueuse/core';
+const __sfc_main__ = _defineComponent({
+    setup(__props) {
+        const fullPage = ref(null);
+        const { y } = useElementBounding(fullPage);
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", {
+                class: "full-page-warp",
+                ref_key: "fullPage",
+                ref: fullPage,
+                style: _normalizeStyle({ minHeight: `calc(100vh - ${_unref(y) + 24}px)` })
+            }, [
+                _createElementVNode("div", _hoisted_1, [
+                    _renderSlot(_ctx.$slots, "default")
+                ])
+            ], 4 /* STYLE */));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/FullPage/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _FullPage = _interopRequireDefault(require("./FullPage.js"));
+var _default = exports.default = _FullPage.default;

package/lib/Icon/icon.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _iconsVue = _interopRequireWildcard(require("@ant-design/icons-vue/lib/icons"));
+var aIcon = _iconsVue;
+var _hooks = require("@jetlinks-web/hooks");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var MyIcon = (0, _iconsVue.createFromIconfontCN)({
+  scriptUrl: '//at.alicdn.com/t/c/font_3183515_i7oma42he.js' // 在 iconfont.cn 上生成
+});
+var AntdIcon = function AntdIcon(props) {
+  return (0, _vue.createVNode)(aIcon[props.type]);
+};
+var Icon = function Icon(props) {
+  return Object.keys(aIcon).includes(props.type) ? (0, _vue.createVNode)(AntdIcon, props, null) : (0, _vue.createVNode)(MyIcon, props, null);
+};
+var _default = exports.default = (0, _vue.defineComponent)({
+  name: 'AIcon',
+  // 传入组件配置
+  props: ['type', 'scriptUrl', 'class'],
+  emits: ['click'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit,
+      attrs = _ref.attrs;
+    var config = (0, _hooks.useIcon)();
+    (0, _vue.watchEffect)(function () {
+      var url = props.scriptUrl || config.scriptUrl;
+      if (url) {
+        MyIcon = (0, _iconsVue.createFromIconfontCN)({
+          scriptUrl: url
+        });
+      }
+    });
+    var click = function click() {
+      emit('click');
+    };
+    return function () {
+      return (0, _vue.createVNode)(Icon, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        "style": attrs.style,
+        "onClick": click
+      }), null);
+    };
+  }
+});

package/lib/Icon/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _icon = _interopRequireDefault(require("./icon"));
+var _default = exports.default = _icon.default;

package/lib/MonacoEditor/Monaco.js

@@ -0,0 +1,238 @@
+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-ref",
+  "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, toRaw, nextTick } from 'vue';
+import * as monaco from 'monaco-editor';
+import { omit } from 'lodash-es';
+const __sfc_main__ = {
+    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();
+        const instance = ref();
+        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.value)
+                return;
+            _optionalChain([toRaw, 'call', _11 => _11(instance.value), 'access', _12 => _12.getAction, 'call', _13 => _13('editor.action.formatDocument'), 'optionalAccess', _14 => _14.run, 'call', _15 => _15()]);
+            if (props.hasOwnProperty('readOnly')) {
+                setTimeout(() => {
+                    toRaw(instance.value).updateOptions({
+                        readOnly: props.readOnly !== false,
+                    });
+                }, 100);
+            }
+        };
+        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.value = monaco.editor.create(dom.value, {
+                model: _model,
+                tabSize: 2,
+                automaticLayout: true,
+                scrollBeyondLastLine: false,
+                theme: props.theme,
+                formatOnPaste: true,
+                ...(omit(props.options, ['readOnly']) || {}),
+            });
+            instance.value.onDidChangeModelContent(() => {
+                //
+                const value = toRaw(instance.value).getValue();
+                nextTick(() => {
+                    emit('update:modelValue', value);
+                    emit('change', value);
+                });
+            });
+            instance.value.onDidBlurEditorText(() => {
+                emit('blur');
+                if (props.blurFormat) {
+                    editorFormat();
+                }
+            });
+            instance.value.onDidFocusEditorText(() => {
+                emit('focus');
+            });
+            if (props.modelValue) {
+                setTimeout(() => {
+                    editorFormat();
+                }, 200);
+            }
+            _optionalChain([props, 'access', _16 => _16.init, 'optionalCall', _17 => _17(instance.value, monaco)]);
+        });
+        /**
+         * 光标位置插入内容
+         * @param {String} val
+         * @param position
+         */
+        const insert = (val, position) => {
+            if (!instance.value)
+                return;
+            const _position = position || toRaw(instance.value).getPosition();
+            const value = toRaw(instance.value).getValue();
+            if (position && position.lineNumber) {
+                toRaw(instance.value).setPosition(position);
+            }
+            toRaw(instance.value).executeEdits(value, [
+                {
+                    range: new monaco.Range(_optionalChain([_position, 'optionalAccess', _18 => _18.lineNumber]), _optionalChain([_position, 'optionalAccess', _19 => _19.column]), _optionalChain([_position, 'optionalAccess', _20 => _20.lineNumber]), _optionalChain([_position, 'optionalAccess', _21 => _21.column])),
+                    text: val,
+                },
+            ]);
+        };
+        watch(() => props.modelValue, (val) => {
+            if (!instance.value ||
+                (instance.value &&
+                    props.modelValue === toRaw(instance.value).getValue()))
+                return;
+            // setValue之前获取光标位置
+            const position = toRaw(instance.value).getPosition();
+            // setValue之后光标位置改变
+            toRaw(instance.value).setValue(val);
+            // 设置光标位置为setValue之前的位置
+            toRaw(instance.value).setPosition(position);
+            editorFormat();
+        });
+        watch(() => JSON.stringify(props.registrationTips), () => {
+            registerCompletionItemProvider();
+        }, { immediate: true });
+        watch(() => JSON.stringify(props.registrationTypescript), () => {
+            registerTypescript();
+        }, { immediate: true });
+        onUnmounted(() => {
+            disposeRegister();
+            disposeTypescript();
+            _optionalChain([toRaw, 'call', _22 => _22(instance.value), 'access', _23 => _23.editor, 'optionalAccess', _24 => _24.dispose, 'optionalCall', _25 => _25()]);
+        });
+        __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

@@ -0,0 +1,9 @@
+"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"));
+var _default = exports.default = _Monaco.default;

package/lib/PermissionButton/index.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _vue = require("vue");
+var _antDesignVue = require("ant-design-vue");
+require("ant-design-vue/es");
+var _lodashEs = require("lodash");
+var _button = require("ant-design-vue/es/button/button");
+var _hooks = require("@jetlinks-web/hooks");
+var _excluded = ["popConfirm", "tooltip", "hasPermission", "noPermissionTitle"];
+var definedProps = (0, _objectSpread2.default)({
+  tooltip: {
+    type: Object
+  },
+  popConfirm: {
+    type: Object
+  },
+  hasPermission: {
+    type: [String, Array, Boolean],
+    default: undefined
+  },
+  style: {
+    type: Object
+  },
+  noPermissionTitle: {
+    type: String
+  }
+}, (0, _lodashEs.omit)((0, _button.buttonProps)(), 'icon'));
+var PermissionButton = (0, _vue.defineComponent)({
+  name: 'PermissionButton',
+  // @ts-ignore
+  slots: ['button', 'icon'],
+  props: definedProps,
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots;
+    var popConfirm = props.popConfirm,
+      tooltip = props.tooltip;
+    var _usePermission = (0, _hooks.usePermission)(props.hasPermission),
+      hasPerm = _usePermission.hasPerm;
+    var permission = (0, _vue.computed)(function () {
+      if (!props.hasPermission || props.hasPermission === true) {
+        return true;
+      }
+      return hasPerm.value;
+    });
+    var isPermission = (0, _vue.computed)(function () {
+      if ('hasPermission' in props && permission.value) {
+        return 'disabled' in props ? props.disabled : false;
+      }
+      return true;
+    });
+    var hasPopConfirm = (0, _vue.computed)(function () {
+      return !!popConfirm;
+    }); // 是否包含确认弹窗
+    var hasTooltip = (0, _vue.computed)(function () {
+      return !!tooltip;
+    }); // 是否包含文字提示
+    return function () {
+      var popConfirm = props.popConfirm,
+        tooltip = props.tooltip,
+        hasPermission = props.hasPermission,
+        noPermissionTitle = props.noPermissionTitle,
+        buttonProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+      var button = !slots.button ? (0, _vue.h)(_antDesignVue.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonProps), {}, {
+        disabled: isPermission.value
+      }), {
+        default: function _default() {
+          var _slots$default;
+          return slots === null || slots === void 0 ? void 0 : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
+        },
+        icon: function icon() {
+          var _slots$icon;
+          return slots === null || slots === void 0 ? void 0 : (_slots$icon = slots.icon) === null || _slots$icon === void 0 ? void 0 : _slots$icon.call(slots);
+        }
+      }) : slots.button();
+      // 文字提示
+      var _tooltip = tooltip ? (0, _vue.h)(_antDesignVue.Tooltip, (0, _extends2.default)(tooltip, {
+        disabled: isPermission.value
+      }), {
+        default: function _default() {
+          return button;
+        }
+      }) : undefined;
+      // 无权限
+      var noPermissionButton = !permission.value ? (0, _vue.h)(_antDesignVue.Tooltip, {
+        title: noPermissionTitle || '暂无权限，请联系管理员'
+      }, {
+        default: function _default() {
+          return button;
+        }
+      }) : undefined;
+      // 二次确认
+      var _popConfirm = popConfirm ? (0, _vue.h)(_antDesignVue.Popconfirm, (0, _extends2.default)({
+        overlayStyle: {
+          width: '220px'
+        }
+      }, popConfirm, {
+        disabled: !permission.value || buttonProps.disabled
+      }), {
+        default: function _default() {
+          return tooltip ? _tooltip : button;
+        }
+      }) : undefined;
+      if (permission.value) {
+        if (hasPopConfirm.value) {
+          return _popConfirm;
+        }
+        if (hasTooltip.value) {
+          return _tooltip;
+        }
+        return button;
+      }
+      return noPermissionButton;
+    };
+  }
+});
+var _default2 = exports.default = PermissionButton;