@jetlinks-web/components 2.1.2 → 2.3.0

package/lib/BadgeStatus/Badge.js

@@ -3,6 +3,7 @@
   "status": "props",
   "statusNames": "props",
   "computed": "setup-const",
+  "defineOptions": "setup-const",
   "getHexColor": "setup-maybe-ref",
   "Badge": "setup-maybe-ref",
   "props": "setup-reactive-const",
@@ -10,7 +11,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-import { computed } from 'vue';
+import { computed, } from 'vue';
 import { getHexColor } from './color';
 import { Badge } from 'ant-design-vue';
 const __sfc_main__ = _defineComponent({

package/lib/CardSelect/CardSelect.js

@@ -10,6 +10,7 @@
   "computed": "setup-const",
   "ref": "setup-const",
   "watch": "setup-const",
+  "defineOptions": "setup-const",
   "props": "setup-reactive-const",
   "emit": "setup-const",
   "selectKeys": "setup-ref",
@@ -23,7 +24,7 @@ const _hoisted_2 = { class: "j-card-select-item-content" };
 const _hoisted_3 = { class: "j-card-select-title" };
 const _hoisted_4 = { class: "j-card-select-describe" };
 import { has } from 'lodash-es';
-import { computed, ref, watch } from 'vue';
+import { computed, ref, watch, } from 'vue';
 const __sfc_main__ = Object.assign({
     name: 'JCardSelect'
 }, {

package/lib/CheckButton/CheckButton.js

@@ -6,10 +6,9 @@
   "class": "props",
   "style": "props",
   "computed": "setup-const",
-  "CSSProperties": "setup-const",
-  "PropType": "setup-const",
   "ref": "setup-const",
   "watch": "setup-const",
+  "defineOptions": "setup-const",
   "isArray": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "emit": "setup-const",
@@ -21,7 +20,7 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
 const _hoisted_1 = ["onClick"];
-import { computed, ref, watch } from 'vue';
+import { computed, ref, watch, } from 'vue';
 import { isArray } from '@jetlinks-web/utils';
 const __sfc_main__ = _defineComponent({
     ...{

package/lib/Echarts/Echarts.js

@@ -1,11 +1,10 @@
 /* Analyzed bindings: {
   "options": "props",
   "style": "props",
-  "CSSProperties": "setup-const",
   "nextTick": "setup-const",
   "ref": "setup-const",
   "watch": "setup-const",
-  "Ref": "setup-const",
+  "defineOptions": "setup-const",
   "useECharts": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "echartsDom": "setup-ref",

package/lib/EditTable/FormItem.js

@@ -48,7 +48,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "onFieldChange": "setup-const"
 } */
 import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, Fragment as _Fragment, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1723098069375"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1725345293592"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { style: { "color": "#1d2129" } };
 const _hoisted_2 = {
     key: 0,

package/lib/FullPage/FullPage.js

@@ -6,7 +6,7 @@
 } */
 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-1723098070855"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1725345293934"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';

package/lib/Markdown/Markdown.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _markdownIt = _interopRequireDefault(require("markdown-it"));
+var _markdownItAbbr = _interopRequireDefault(require("markdown-it-abbr"));
+var _markdownItAnchor = _interopRequireDefault(require("markdown-it-anchor"));
+var _markdownItDeflist = _interopRequireDefault(require("markdown-it-deflist"));
+var _markdownItFootnote = _interopRequireDefault(require("markdown-it-footnote"));
+var _markdownItHighlightjs = _interopRequireDefault(require("markdown-it-highlightjs"));
+var _markdownItIns = _interopRequireDefault(require("markdown-it-ins"));
+var _markdownItMark = _interopRequireDefault(require("markdown-it-mark"));
+var _markdownItSub = _interopRequireDefault(require("markdown-it-sub"));
+var _markdownItSup = _interopRequireDefault(require("markdown-it-sup"));
+var _markdownItTaskLists = _interopRequireDefault(require("markdown-it-task-lists"));
+var _markdownItTocDoneRight = _interopRequireDefault(require("markdown-it-toc-done-right"));
+var props = {
+  anchor: {
+    type: Object,
+    default: function _default() {
+      return {};
+    }
+  },
+  breaks: {
+    type: Boolean,
+    default: false
+  },
+  emoji: {
+    type: Object,
+    default: function _default() {
+      return {};
+    }
+  },
+  highlight: {
+    type: Object,
+    default: function _default() {
+      return {};
+    }
+  },
+  html: {
+    type: Boolean,
+    default: false
+  },
+  langPrefix: {
+    type: String,
+    default: 'language-'
+  },
+  linkify: {
+    type: Boolean,
+    default: false
+  },
+  plugins: {
+    type: Array,
+    default: function _default() {
+      return [];
+    }
+  },
+  quotes: {
+    type: String,
+    default: '“”‘’'
+  },
+  source: {
+    type: String,
+    default: ''
+  },
+  tasklists: {
+    type: Object,
+    default: function _default() {
+      return {};
+    }
+  },
+  toc: {
+    type: Object,
+    default: function _default() {
+      return {};
+    }
+  },
+  typographer: {
+    type: Boolean,
+    default: false
+  },
+  xhtmlOut: {
+    type: Boolean,
+    default: false
+  }
+};
+var _default2 = exports.default = (0, _vue.defineComponent)({
+  name: 'JMarkdown',
+  props: props,
+  setup: function setup(props) {
+    var md = (0, _vue.ref)();
+    var renderMarkdown = function renderMarkdown() {
+      var markdown = new _markdownIt.default().use(_markdownItAbbr.default).use(_markdownItAnchor.default, props.anchor).use(_markdownItDeflist.default).use(_markdownItFootnote.default).use(_markdownItHighlightjs.default, props.highlight).use(_markdownItIns.default).use(_markdownItMark.default).use(_markdownItSub.default).use(_markdownItSup.default).use(_markdownItTaskLists.default, props.tasklists).use(_markdownItTocDoneRight.default, props.toc).set({
+        breaks: props.breaks,
+        html: props.html,
+        langPrefix: props.langPrefix,
+        linkify: props.linkify,
+        quotes: props.quotes,
+        typographer: props.typographer,
+        xhtmlOut: props.xhtmlOut
+      });
+      props.plugins.forEach(function (_ref) {
+        var plugin = _ref.plugin,
+          _ref$options = _ref.options,
+          options = _ref$options === void 0 ? {} : _ref$options;
+        markdown.use(plugin, options);
+      });
+      md.value = markdown.render(props.source);
+    };
+    (0, _vue.onMounted)(function () {
+      return renderMarkdown();
+    });
+    (0, _vue.onUpdated)(function () {
+      return renderMarkdown();
+    });
+    return function () {
+      return (0, _vue.h)('div', {
+        innerHTML: md.value,
+        style: {
+          height: '100%'
+        }
+      });
+    };
+  }
+});

package/lib/Markdown/index.js

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

package/lib/MonacoEditor/Monaco.js

@@ -33,7 +33,6 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "nextTick": "setup-const",
   "monaco": "setup-const",
   "omit": "setup-maybe-ref",
-  "loadGrammars": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "emit": "setup-const",
   "dom": "setup-ref",
@@ -52,7 +51,6 @@ import { openBlock as _openBlock, createElementBlock as _createElementBlock } fr
 import { ref, onMounted, watch, onUnmounted, toRaw, nextTick } from 'vue';
 import * as monaco from 'monaco-editor';
 import { omit } from 'lodash-es';
-import { loadGrammars } from './grammars';
 const __sfc_main__ = Object.assign({
     name: 'JMonacoEditor'
 }, {
@@ -149,11 +147,6 @@ const __sfc_main__ = Object.assign({
         });
         onMounted(async () => {
             const _model = monaco.editor.createModel(props.modelValue, props.language);
-            const defaultOptions = Object.assign({
-                suggest: {
-                    preview: true,
-                },
-            }, omit(props.options, ['readOnly']));
             instance.value = monaco.editor.create(dom.value, {
                 model: _model,
                 tabSize: 2,
@@ -161,9 +154,8 @@ const __sfc_main__ = Object.assign({
                 scrollBeyondLastLine: false,
                 theme: props.theme,
                 formatOnPaste: true,
-                ...defaultOptions
+                ...(omit(props.options, ['readOnly']) || {}),
             });
-            loadGrammars(monaco, instance.value);
             instance.value.onDidChangeModelContent(() => {
                 //
                 const value = toRaw(instance.value).getValue();

package/lib/MonacoEditor/style/index.css

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

package/lib/MonacoEditor/style/index.js

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

package/lib/MonacoEditor/style/index.less

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

package/lib/RadioButton/RadioButton.js

@@ -0,0 +1,67 @@
+/* Analyzed bindings: {
+  "value": "props",
+  "options": "props",
+  "columns": "props",
+  "defineOptions": "setup-const",
+  "props": "setup-reactive-const",
+  "emit": "setup-const",
+  "myValue": "setup-maybe-ref",
+  "styles": "setup-maybe-ref",
+  "onClick": "setup-const"
+} */
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+const _withScopeId = n => (_pushScopeId("data-v-1725345294465"), n = n(), _popScopeId(), n);
+const _hoisted_1 = ["onClick"];
+const __sfc_main__ = Object.assign({
+    name: 'JRadioButton',
+}, {
+    props: {
+        value: {
+            type: [String, Number],
+            default: undefined
+        },
+        options: {
+            type: Array,
+            default: () => []
+        },
+        columns: {
+            type: Number,
+            default: 3
+        }
+    },
+    emits: ['update:value'],
+    setup(__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const myValue = ref(props.value);
+        const styles = computed(() => {
+            return {
+                'grid-template-columns': `repeat(${props.columns}, 1fr)`
+            };
+        });
+        const onClick = (record) => {
+            if (myValue.value !== record.value) {
+                myValue.value = record.value;
+                emit('update:value', record.value);
+                emit('select', record.value);
+            }
+        };
+        watch(() => props.value, () => {
+            myValue.value = props.value;
+        });
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", {
+                class: "radio-button",
+                style: _normalizeStyle(_unref(styles))
+            }, [
+                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.options, (item) => {
+                    return (_openBlock(), _createElementBlock("div", {
+                        onClick: $event => (onClick(item)),
+                        class: _normalizeClass(["radio-button-item", { 'active': _unref(myValue) === item.value }])
+                    }, _toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1));
+                }), 256 /* UNKEYED_FRAGMENT */))
+            ], 4 /* STYLE */));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/RadioButton/index.js

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

package/lib/Search/Advanced/SaveHistory.js

@@ -21,7 +21,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1723098074895"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1725345295629"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/lib/Search/Item.js

@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1723098073066"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1725345294677"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/lib/Search/Search.js

@@ -36,7 +36,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1723098073223"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1725345294831"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-content simple" };
 const _hoisted_2 = { class: "JSearch-items" };
 import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';

package/lib/components.js

@@ -17,6 +17,12 @@ Object.defineProperty(exports, "AdvancedSearch", {
     return _Search.AdvancedSearch;
   }
 });
+Object.defineProperty(exports, "AutoComplete", {
+  enumerable: true,
+  get: function get() {
+    return _AutoComplete.default;
+  }
+});
 Object.defineProperty(exports, "BadgeStatus", {
   enumerable: true,
   get: function get() {
@@ -77,6 +83,12 @@ Object.defineProperty(exports, "FullPage", {
     return _FullPage.default;
   }
 });
+Object.defineProperty(exports, "Markdown", {
+  enumerable: true,
+  get: function get() {
+    return _Markdown.default;
+  }
+});
 Object.defineProperty(exports, "MonacoEditor", {
   enumerable: true,
   get: function get() {
@@ -151,5 +163,7 @@ var _ValueItem = _interopRequireDefault(require("./ValueItem"));
 var _TimeFormat = _interopRequireDefault(require("./TimeFormat"));
 var _DragModal = _interopRequireDefault(require("./DragModal"));
 var _EditTable = _interopRequireDefault(require("./EditTable"));
+var _Markdown = _interopRequireDefault(require("./Markdown"));
+var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));
 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; }

package/lib/style/components.less

@@ -3,3 +3,4 @@
 @import "../DragModal/style/index-pure.less";
 @import "../EditTable/style/index-pure.less";
 @import "../Ellipsis/style/index-pure.less";
+@import "../MonacoEditor/style/index-pure.less";

package/lib/style/index.css

@@ -1606,3 +1606,7 @@ textarea.ant-pagination-options-quick-jumper input {
   height: 100%;
   overflow-x: hidden;
 }
+.j-monaco-editor {
+  min-height: 50px;
+  height: 100%;
+}

package/lib/style/index.less

@@ -7,3 +7,4 @@
 @import '../CardSelect/style/index.less';
 @import '../DragModal/style/index.less';
 @import "../EditTable/style/index.less";
+@import "../MonacoEditor/style/index.less";

package/lib/style.js

@@ -7,4 +7,5 @@ require("./ProTable/style");
 require("./Search/style");
 require("./CardSelect/style");
 require("./DragModal/style");
-require("./EditTable/style");
+require("./EditTable/style");
+require("./MonacoEditor/style");

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "2.1.2",
+  "version": "2.3.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
-  "keywords": [],
+  "keywords": [
+    "@jetlinks-web",
+    "components"
+  ],
   "files": [
     "lib",
     "es"
@@ -19,11 +22,21 @@
     "@vueuse/router": "^10.9.0",
     "async-validator": "^4.2.5",
     "echarts": "^5.4.3",
-    "monaco-editor": "^0.50.0",
-    "monaco-editor-textmate": "^4.0.0",
-    "monaco-textmate": "^3.0.1",
+    "markdown-it": "^14.1.0",
+    "markdown-it-abbr": "^2.0.0",
+    "markdown-it-anchor": "^9.1.0",
+    "markdown-it-deflist": "^3.0.0",
+    "markdown-it-emoji": "^3.0.0",
+    "markdown-it-footnote": "^4.0.0",
+    "markdown-it-highlightjs": "^4.1.0",
+    "markdown-it-ins": "^4.0.0",
+    "markdown-it-mark": "^4.0.0",
+    "markdown-it-sub": "^2.0.0",
+    "markdown-it-sup": "^2.0.0",
+    "markdown-it-task-lists": "^2.1.1",
+    "markdown-it-toc-done-right": "^4.2.0",
+    "monaco-editor": "^0.40.0",
     "resize-observer-polyfill": "^1.5.1",
-    "shiki": "^0.14.6",
     "sortablejs": "^1.15.2"
   },
   "devDependencies": {
@@ -140,8 +153,8 @@
     "webpack-merge": "^5.0.0",
     "webpackbar": "^5.0.2",
     "@jetlinks-web/constants": "^1.0.2",
-    "@jetlinks-web/hooks": "^1.0.13",
-    "@jetlinks-web/utils": "^1.0.7"
+    "@jetlinks-web/utils": "^1.2.0",
+    "@jetlinks-web/hooks": "^1.0.15"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",