@jetlinks-web/components 2.1.2 → 2.3.0

package/es/AMap/Map.js

@@ -10,6 +10,7 @@
   "ref": "setup-const",
   "computed": "setup-const",
   "inject": "setup-const",
+  "defineOptions": "setup-const",
   "initAMapApiLoader": "setup-maybe-ref",
   "ElAmap": "setup-maybe-ref",
   "getAMapUiPromise": "setup-maybe-ref",
@@ -29,7 +30,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderSlot as _renderSlot, unref as _unref, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
-import { ref, computed, inject } from 'vue';
+import { ref, computed, inject, } from 'vue';
 import { initAMapApiLoader, ElAmap } from '@vuemap/vue-amap';
 import { getAMapUiPromise } from '@jetlinks-web/utils';
 import { MapProps } from './util';

package/es/AutoComplete/autoComplete.js

@@ -0,0 +1,88 @@
+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: {
+  "searchKey": "props",
+  "AutoComplete": "setup-maybe-ref",
+  "autoCompleteProps": "setup-maybe-ref",
+  "ref": "setup-const",
+  "defineOptions": "setup-const",
+  "props": "setup-reactive-const",
+  "emit": "setup-const",
+  "options": "setup-ref",
+  "onSearch": "setup-const",
+  "dropdownVisibleChange": "setup-const"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, unref as _unref, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { AutoComplete } from 'ant-design-vue';
+import { autoCompleteProps } from 'ant-design-vue/lib/auto-complete';
+import { ref, } from 'vue';
+const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JAutoComplete'
+    },
+    props: {
+        ...autoCompleteProps(),
+        searchKey: {
+            type: String,
+            default: 'label',
+        },
+    },
+    emits: ["select"],
+    setup(__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const options = ref(props.options);
+        /**
+         * 根据关键词提示
+         * @param searchText 关键词
+         */
+        const onSearch = (searchText) => {
+            options.value = _optionalChain([props, 'access', _2 => _2.options, 'optionalAccess', _3 => _3.filter, 'call', _4 => _4((item) => !!_optionalChain([item, 'access', _5 => _5[props.searchKey], 'optionalAccess', _6 => _6.includes, 'call', _7 => _7(searchText)]))]) || [];
+            if (!options.value.length) {
+                options.value.unshift({ label: searchText, value: searchText });
+            }
+        };
+        const dropdownVisibleChange = (open) => {
+            if (!open) {
+                // 关闭还原下拉options
+                setTimeout(() => {
+                    options.value = props.options || [];
+                });
+            }
+        };
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createBlock(_unref(AutoComplete), _mergeProps(props, {
+                style: { "width": "100%" },
+                options: options.value,
+                onSearch: onSearch,
+                onDropdownVisibleChange: dropdownVisibleChange
+            }), {
+                option: _withCtx(({ value, label }) => [
+                    _renderSlot(_ctx.$slots, "option", { value: value }, () => [
+                        _createTextVNode(_toDisplayString(label || value), 1 /* TEXT */)
+                    ])
+                ]),
+                default: _withCtx(() => [
+                    _renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3 /* FORWARDED */
+            }, 16 /* FULL_PROPS */, ["options"]));
+        };
+    }
+});
+export default __sfc_main__;

package/es/AutoComplete/index.js

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

package/es/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/es/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/es/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/es/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/es/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-1723098069285"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1725345293616"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { style: { "color": "#1d2129" } };
 const _hoisted_2 = {
     key: 0,

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

package/es/Markdown/Markdown.js

@@ -0,0 +1,122 @@
+import { h, onMounted, onUpdated, ref, defineComponent } from 'vue';
+import MarkdownIt from 'markdown-it';
+import MarkdownItAbbr from 'markdown-it-abbr';
+import MarkdownItAnchor from 'markdown-it-anchor';
+import MarkdownItDeflist from 'markdown-it-deflist';
+import MarkdownItFootnote from 'markdown-it-footnote';
+import MarkdownItHighlightjs from 'markdown-it-highlightjs';
+import MarkdownItIns from 'markdown-it-ins';
+import MarkdownItMark from 'markdown-it-mark';
+import MarkdownItSub from 'markdown-it-sub';
+import MarkdownItSup from 'markdown-it-sup';
+import MarkdownItTaskLists from 'markdown-it-task-lists';
+import MarkdownItTOC from '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
+  }
+};
+export default defineComponent({
+  name: 'JMarkdown',
+  props: props,
+  setup: function setup(props) {
+    var md = ref();
+    var renderMarkdown = function renderMarkdown() {
+      var markdown = new MarkdownIt().use(MarkdownItAbbr).use(MarkdownItAnchor, props.anchor).use(MarkdownItDeflist).use(MarkdownItFootnote).use(MarkdownItHighlightjs, props.highlight).use(MarkdownItIns).use(MarkdownItMark).use(MarkdownItSub).use(MarkdownItSup).use(MarkdownItTaskLists, props.tasklists).use(MarkdownItTOC, 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);
+    };
+    onMounted(function () {
+      return renderMarkdown();
+    });
+    onUpdated(function () {
+      return renderMarkdown();
+    });
+    return function () {
+      return h('div', {
+        innerHTML: md.value,
+        style: {
+          height: '100%'
+        }
+      });
+    };
+  }
+});

package/es/Markdown/index.js

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

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

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

package/es/MonacoEditor/style/index.js

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

package/es/MonacoEditor/style/index.less

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

package/es/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-1725345294479"), 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/es/RadioButton/index.js

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

package/es/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-1723098074919"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1725345295640"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/es/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-1723098072927"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1725345294732"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/es/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-1723098073260"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1725345294853"), 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/es/components.js

@@ -17,4 +17,6 @@ export { default as Search, AdvancedSearch } from './Search';
 export { default as ValueItem } from './ValueItem';
 export { default as TimeFormat } from './TimeFormat';
 export { default as DragModal } from './DragModal';
-export { default as EditTable } from './EditTable';
+export { default as EditTable } from './EditTable';
+export { default as Markdown } from './Markdown';
+export { default as AutoComplete } from './AutoComplete';

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

@@ -5,4 +5,5 @@ import './ProTable/style';
 import './Search/style';
 import './CardSelect/style';
 import './DragModal/style';
-import './EditTable/style';
+import './EditTable/style';
+import './MonacoEditor/style';

package/lib/AMap/Map.js

@@ -10,6 +10,7 @@
   "ref": "setup-const",
   "computed": "setup-const",
   "inject": "setup-const",
+  "defineOptions": "setup-const",
   "initAMapApiLoader": "setup-maybe-ref",
   "ElAmap": "setup-maybe-ref",
   "getAMapUiPromise": "setup-maybe-ref",
@@ -29,7 +30,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderSlot as _renderSlot, unref as _unref, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
-import { ref, computed, inject } from 'vue';
+import { ref, computed, inject, } from 'vue';
 import { initAMapApiLoader, ElAmap } from '@vuemap/vue-amap';
 import { getAMapUiPromise } from '@jetlinks-web/utils';
 import { MapProps } from './util';

package/lib/AutoComplete/autoComplete.js

@@ -0,0 +1,88 @@
+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: {
+  "searchKey": "props",
+  "AutoComplete": "setup-maybe-ref",
+  "autoCompleteProps": "setup-maybe-ref",
+  "ref": "setup-const",
+  "defineOptions": "setup-const",
+  "props": "setup-reactive-const",
+  "emit": "setup-const",
+  "options": "setup-ref",
+  "onSearch": "setup-const",
+  "dropdownVisibleChange": "setup-const"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, unref as _unref, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { AutoComplete } from 'ant-design-vue';
+import { autoCompleteProps } from 'ant-design-vue/lib/auto-complete';
+import { ref, } from 'vue';
+const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JAutoComplete'
+    },
+    props: {
+        ...autoCompleteProps(),
+        searchKey: {
+            type: String,
+            default: 'label',
+        },
+    },
+    emits: ["select"],
+    setup(__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const options = ref(props.options);
+        /**
+         * 根据关键词提示
+         * @param searchText 关键词
+         */
+        const onSearch = (searchText) => {
+            options.value = _optionalChain([props, 'access', _2 => _2.options, 'optionalAccess', _3 => _3.filter, 'call', _4 => _4((item) => !!_optionalChain([item, 'access', _5 => _5[props.searchKey], 'optionalAccess', _6 => _6.includes, 'call', _7 => _7(searchText)]))]) || [];
+            if (!options.value.length) {
+                options.value.unshift({ label: searchText, value: searchText });
+            }
+        };
+        const dropdownVisibleChange = (open) => {
+            if (!open) {
+                // 关闭还原下拉options
+                setTimeout(() => {
+                    options.value = props.options || [];
+                });
+            }
+        };
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createBlock(_unref(AutoComplete), _mergeProps(props, {
+                style: { "width": "100%" },
+                options: options.value,
+                onSearch: onSearch,
+                onDropdownVisibleChange: dropdownVisibleChange
+            }), {
+                option: _withCtx(({ value, label }) => [
+                    _renderSlot(_ctx.$slots, "option", { value: value }, () => [
+                        _createTextVNode(_toDisplayString(label || value), 1 /* TEXT */)
+                    ])
+                ]),
+                default: _withCtx(() => [
+                    _renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3 /* FORWARDED */
+            }, 16 /* FULL_PROPS */, ["options"]));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/AutoComplete/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 _AutoComplete = _interopRequireDefault(require("./AutoComplete.js"));
+_AutoComplete.default.install = function (app) {
+  app.component(_AutoComplete.default.name, _AutoComplete.default);
+};
+var _default = exports.default = _AutoComplete.default;