ll-plus 2.1.9 → 2.1.11

package/index.full.mjs

@@ -1,11 +1,6 @@
-import require$$0, { warn, defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, withCtx, createVNode, createElementVNode, createElementBlock, createTextVNode, createCommentVNode, watchEffect, Fragment, renderList, toDisplayString, withModifiers, normalizeProps, mergeProps, renderSlot, guardReactiveProps, useAttrs, computed, createSlots, onBeforeUnmount, onMounted, normalizeStyle, createApp, nextTick, reactive, resolveDynamicComponent, inject, getCurrentInstance, h, isRef, provide, toRefs } from 'vue';
-import { Button as Button$1, Cascader as Cascader$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, Row, Col, DatePicker as DatePicker$1, RangePicker, theme, Drawer as Drawer$1, FormItem as FormItem$1, Input as Input$1, InputNumber as InputNumber$1, Modal as Modal$1, Radio as Radio$1, RadioButton as RadioButton$1, RadioGroup as RadioGroup$1, Segmented as Segmented$1, Select as Select$1, SelectOption as SelectOption$1, SelectOptGroup as SelectOptGroup$1, Steps as Steps$1, Switch as Switch$1, Textarea as Textarea$1, TimePicker as TimePicker$1, TimeRangePicker, Tree as Tree$1, message } from 'ant-design-vue';
+import require$$0, { warn, defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, withCtx, createVNode, createElementVNode, createElementBlock, createTextVNode, createCommentVNode, watchEffect, Fragment, renderList, toDisplayString, withModifiers, normalizeProps, mergeProps, renderSlot, guardReactiveProps, useAttrs, computed, createSlots, onBeforeUnmount, onMounted, normalizeStyle, createApp, nextTick, reactive, resolveDynamicComponent, inject, getCurrentInstance, h, isRef, provide, toRef, onUnmounted, toRefs } from 'vue';
+import { Button as Button$1, Cascader as Cascader$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, Row, Col, DatePicker as DatePicker$1, RangePicker, theme, Drawer as Drawer$1, FormItem as FormItem$1, Input as Input$1, InputNumber as InputNumber$1, Modal as Modal$1, Radio as Radio$1, RadioButton as RadioButton$1, RadioGroup as RadioGroup$1, Segmented as Segmented$1, Select as Select$1, SelectOption as SelectOption$1, SelectOptGroup as SelectOptGroup$1, Steps as Steps$1, Switch as Switch$1, Form as Form$1, Popover, Textarea as Textarea$1, TimePicker as TimePicker$1, TimeRangePicker, Tree as Tree$1, message } from 'ant-design-vue';
 import * as monaco from 'monaco-editor';
-import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
-import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
-import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
-import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
-import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
 
 const makeInstaller = (components) => {
   const install = (app) => {
@@ -1668,17 +1663,17 @@ const advancedFilteringTagsEmits = {
   "update:value": (value) => !!value
 };
 
-const _hoisted_1$9 = /* @__PURE__ */ createElementVNode(
+const _hoisted_1$a = /* @__PURE__ */ createElementVNode(
   "p",
   null,
   "\u6682\u65E0\u6570\u636E",
   -1
   /* HOISTED */
 );
-const _hoisted_2$4 = [
-  _hoisted_1$9
+const _hoisted_2$5 = [
+  _hoisted_1$a
 ];
-var _sfc_main$W = /* @__PURE__ */ defineComponent({
+var _sfc_main$X = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFilteringParams" },
   __name: "advanced-filtering-params",
   props: advancedFilteringParamsProps,
@@ -1738,7 +1733,7 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
                   key: 1,
                   class: normalizeClass(unref(bem).m("empty"))
                 },
-                _hoisted_2$4,
+                _hoisted_2$5,
                 2
                 /* CLASS */
               ))
@@ -1791,7 +1786,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var AdvancedFilteringParams = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__file", "advanced-filtering-params.vue"]]);
+var AdvancedFilteringParams = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__file", "advanced-filtering-params.vue"]]);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2118,14 +2113,14 @@ var dayjs_min = {exports: {}};
 var dayjs_minExports = dayjs_min.exports;
 var dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 
-const _hoisted_1$8 = /* @__PURE__ */ createElementVNode(
+const _hoisted_1$9 = /* @__PURE__ */ createElementVNode(
   "p",
   null,
   "\u7B5B\u9009\u7ED3\u679C\uFF1A",
   -1
   /* HOISTED */
 );
-const _hoisted_2$3 = ["onClick"];
+const _hoisted_2$4 = ["onClick"];
 const _hoisted_3$2 = /* @__PURE__ */ createElementVNode(
   "span",
   null,
@@ -2136,7 +2131,7 @@ const _hoisted_3$2 = /* @__PURE__ */ createElementVNode(
 const _hoisted_4 = [
   _hoisted_3$2
 ];
-var _sfc_main$V = /* @__PURE__ */ defineComponent({
+var _sfc_main$W = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFilteringTags" },
   __name: "advanced-filtering-tags",
   props: advancedFilteringProps,
@@ -2268,7 +2263,7 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
               class: normalizeClass(unref(bem).m("title"))
             },
             [
-              _hoisted_1$8,
+              _hoisted_1$9,
               createElementVNode("a", {
                 onClick: _cache[0] || (_cache[0] = ($event) => handleClean(null))
               }, "\u6E05\u9664\u7B5B\u9009\u7ED3\u679C")
@@ -2321,7 +2316,7 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
                           color: "#909399",
                           "class-name": unref(bem).m("icon")
                         }, null, 8, ["class-name"])
-                      ], 10, _hoisted_2$3)
+                      ], 10, _hoisted_2$4)
                     ],
                     2
                     /* CLASS */
@@ -2351,16 +2346,16 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
   }
 });
 
-var AdvancedFilteringTags = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__file", "advanced-filtering-tags.vue"]]);
+var AdvancedFilteringTags = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__file", "advanced-filtering-tags.vue"]]);
 
-const _hoisted_1$7 = /* @__PURE__ */ createElementVNode(
+const _hoisted_1$8 = /* @__PURE__ */ createElementVNode(
   "span",
   null,
   "\u9AD8\u7EA7\u7B5B\u9009",
   -1
   /* HOISTED */
 );
-var _sfc_main$U = /* @__PURE__ */ defineComponent({
+var _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFiltering" },
   __name: "advanced-filtering",
   props: advancedFilteringProps,
@@ -2440,7 +2435,7 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
                     "icon-name": "icon-Screening",
                     style: { "margin-right": "10px" }
                   }),
-                  _hoisted_1$7
+                  _hoisted_1$8
                 ]),
                 _: 1
                 /* STABLE */
@@ -2457,7 +2452,7 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
   }
 });
 
-var AdvancedFiltering = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__file", "advanced-filtering.vue"]]);
+var AdvancedFiltering = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__file", "advanced-filtering.vue"]]);
 
 const LlAdvancedFiltering = withInstall(AdvancedFiltering);
 const LlAdvancedFilteringParams = withInstall(AdvancedFilteringParams);
@@ -2509,7 +2504,7 @@ const avatarEmits = {
   click: (item, index) => !!item || index
 };
 
-var _sfc_main$T = /* @__PURE__ */ defineComponent({
+var _sfc_main$U = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAvatar" },
   __name: "avatar",
   props: avatarProps,
@@ -2685,7 +2680,7 @@ var _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "avatar.vue"]]);
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__file", "avatar.vue"]]);
 
 const LlAvatar = withInstall(Avatar);
 
@@ -2710,8 +2705,8 @@ const buttonProps = buildProps({
   }
 });
 
-const _hoisted_1$6 = { key: 0 };
-var _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = { key: 0 };
+var _sfc_main$T = /* @__PURE__ */ defineComponent({
   ...{ name: "LlButton" },
   __name: "button",
   props: buttonProps,
@@ -2736,7 +2731,7 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default", {}, () => [
             _ctx.label ? (openBlock(), createElementBlock(
               "span",
-              _hoisted_1$6,
+              _hoisted_1$7,
               toDisplayString(_ctx.label),
               1
               /* TEXT */
@@ -2770,11 +2765,11 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "button.vue"]]);
 
 const LlButton = withInstall(Button);
 
-var _sfc_main$R = /* @__PURE__ */ defineComponent({
+var _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCascader" },
   __name: "cascader",
   setup(__props) {
@@ -2801,7 +2796,7 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "cascader.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "cascader.vue"]]);
 
 const LlCascader = withInstall(Cascader);
 
@@ -2823,7 +2818,7 @@ const checkboxGroupProps = buildProps({
   }
 });
 
-var _sfc_main$Q = /* @__PURE__ */ defineComponent({
+var _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCheckbox" },
   __name: "checkbox",
   props: checkboxProps,
@@ -2875,9 +2870,9 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "checkbox.vue"]]);
 
-var _sfc_main$P = /* @__PURE__ */ defineComponent({
+var _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCheckboxGroup" },
   __name: "checkbox-group",
   props: checkboxGroupProps,
@@ -2946,7 +2941,7 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "checkbox-group.vue"]]);
 
 const LlCheckbox = withInstall(Checkbox);
 const LlCheckboxGroup = withInstall(CheckboxGroup);
@@ -43860,7 +43855,7 @@ const codeThemeList = [
   }
 ];
 
-var _sfc_main$O = /* @__PURE__ */ defineComponent({
+var _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCodeEditor" },
   __name: "code-editor",
   props: codeEditorProps,
@@ -43872,18 +43867,47 @@ var _sfc_main$O = /* @__PURE__ */ defineComponent({
     self.MonacoEnvironment = {
       getWorker(_, label) {
         if (label === "json") {
-          return new jsonWorker();
+          return new Worker(
+            new URL(
+              "monaco-editor/esm/vs/language/json/json.worker.js",
+              import.meta.url
+            ),
+            { type: "module" }
+          );
         }
         if (["css", "scss", "less"].includes(label)) {
-          return new cssWorker();
+          return new Worker(
+            new URL(
+              "monaco-editor/esm/vs/language/css/css.worker.js",
+              import.meta.url
+            ),
+            { type: "module" }
+          );
         }
         if (["html", "handlebars", "razor"].includes(label)) {
-          return new htmlWorker();
+          return new Worker(
+            new URL(
+              "monaco-editor/esm/vs/language/html/html.worker.js",
+              import.meta.url
+            ),
+            { type: "module" }
+          );
         }
         if (["typescript", "javascript"].includes(label)) {
-          return new tsWorker();
+          return new Worker(
+            new URL(
+              "monaco-editor/esm/vs/language/typescript/ts.worker.js",
+              import.meta.url
+            ),
+            { type: "module" }
+          );
         }
-        return new EditorWorker();
+        return new Worker(
+          new URL("monaco-editor/esm/vs/editor/editor.worker.js", import.meta.url),
+          {
+            type: "module"
+          }
+        );
       }
     };
     let editor;
@@ -43978,11 +44002,11 @@ var _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 
-var CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "code-editor.vue"]]);
+var CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "code-editor.vue"]]);
 
 const LlCodeEditor = withInstall(CodeEditor);
 
-var _sfc_main$N = /* @__PURE__ */ defineComponent({
+var _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlConfigProvider"
   },
@@ -44005,11 +44029,11 @@ var _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 
-var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "config-provider.vue"]]);
+var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "config-provider.vue"]]);
 
 const LlConfigProvider = withInstall(ConfigProvider);
 
-var _sfc_main$M = /* @__PURE__ */ defineComponent({
+var _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDatePicker" },
   __name: "date-picker",
   setup(__props) {
@@ -44035,11 +44059,11 @@ var _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "date-picker.vue"]]);
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "date-picker.vue"]]);
 
 const LlDatePicker = withInstall(DatePicker);
 
-var _sfc_main$L = /* @__PURE__ */ defineComponent({
+var _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDateRange" },
   __name: "date-range",
   setup(__props) {
@@ -44065,7 +44089,7 @@ var _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "date-range.vue"]]);
+var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "date-range.vue"]]);
 
 const LlDateRange = withInstall(DateRange);
 
@@ -44080,7 +44104,7 @@ const descriptionsProps = buildProps({
   }
 });
 
-var _sfc_main$K = /* @__PURE__ */ defineComponent({
+var _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDescriptions" },
   __name: "descriptions",
   props: descriptionsProps,
@@ -44155,7 +44179,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "descriptions.vue"]]);
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "descriptions.vue"]]);
 
 const LlDescriptions = withInstall(Descriptions);
 
@@ -44170,7 +44194,7 @@ const descriptionsItemProps = buildProps({
   }
 });
 
-var _sfc_main$J = /* @__PURE__ */ defineComponent({
+var _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDescriptionsItem" },
   __name: "descriptions-item",
   props: descriptionsItemProps,
@@ -44200,7 +44224,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "descriptions-item.vue"]]);
+var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "descriptions-item.vue"]]);
 
 const LlDescriptionsItem = withInstall(DescriptionsItem);
 
@@ -44332,7 +44356,7 @@ const secondConfirmationProps = buildProps({
   onCancel: Function
 });
 
-var _sfc_main$I = /* @__PURE__ */ defineComponent({
+var _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSecondConfirmation" },
   __name: "second-confirmation",
   props: secondConfirmationProps,
@@ -44410,7 +44434,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 
-var SecondConfirmation = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "second-confirmation.vue"]]);
+var SecondConfirmation = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "second-confirmation.vue"]]);
 
 const useSecondConfirmation = (options) => {
   const { title, message, confirmText, cancelText, icon = null } = options;
@@ -44443,7 +44467,7 @@ const useSecondConfirmation = (options) => {
 
 const LlSecondConfirmation = withInstall(SecondConfirmation);
 
-var _sfc_main$H = /* @__PURE__ */ defineComponent({
+var _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDrawer" },
   __name: "drawer",
   props: drawerProps,
@@ -44601,7 +44625,7 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "drawer.vue"]]);
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "drawer.vue"]]);
 
 const LlDrawer = withInstall(Drawer);
 
@@ -44630,8 +44654,8 @@ const emptyProps = buildProps({
   }
 });
 
-const _hoisted_1$5 = ["src"];
-var _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = ["src"];
+var _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{ name: "LlEmpty" },
   __name: "empty",
   props: emptyProps,
@@ -44659,7 +44683,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
             createElementVNode("img", {
               style: normalizeStyle({ width: imageWidth.value }),
               src: unref(url)
-            }, null, 12, _hoisted_1$5)
+            }, null, 12, _hoisted_1$6)
           ]),
           createElementVNode(
             "div",
@@ -44690,7 +44714,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "empty.vue"]]);
+var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "empty.vue"]]);
 
 const LlEmpty = withInstall(Empty);
 
@@ -44755,7 +44779,7 @@ const formComponentProps = buildProps({
   }
 });
 
-var _sfc_main$F = /* @__PURE__ */ defineComponent({
+var _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "form-component",
   props: formComponentProps,
   setup(__props) {
@@ -44783,9 +44807,9 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-var formComponent = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "form-component.vue"]]);
+var formComponent = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "form-component.vue"]]);
 
-var _sfc_main$E = /* @__PURE__ */ defineComponent({
+var _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{ name: "LlForm" },
   __name: "form",
   props: formProps,
@@ -45000,11 +45024,11 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "form.vue"]]);
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "form.vue"]]);
 
 const LlForm = withInstall(Form);
 
-var _sfc_main$D = /* @__PURE__ */ defineComponent({
+var _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{ name: "LlFormItem" },
   __name: "form-item",
   setup(__props) {
@@ -45030,7 +45054,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 
-var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "form-item.vue"]]);
+var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "form-item.vue"]]);
 
 const LlFormItem = withInstall(FormItem);
 
@@ -45056,9 +45080,9 @@ const iconProps = buildProps({
   }
 });
 
-const _hoisted_1$4 = { "aria-hidden": "true" };
-const _hoisted_2$2 = ["xlink:href"];
-var _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { "aria-hidden": "true" };
+const _hoisted_2$3 = ["xlink:href"];
+var _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIcon"
   },
@@ -45088,8 +45112,8 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
         },
         [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            (openBlock(), createElementBlock("svg", _hoisted_1$4, [
-              createElementVNode("use", { "xlink:href": iconName.value }, null, 8, _hoisted_2$2)
+            (openBlock(), createElementBlock("svg", _hoisted_1$5, [
+              createElementVNode("use", { "xlink:href": iconName.value }, null, 8, _hoisted_2$3)
             ]))
           ])
         ],
@@ -45100,7 +45124,7 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Icon$1 = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "icon.vue"]]);
+var Icon$1 = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "icon.vue"]]);
 
 const LlIcon = withInstall(Icon$1);
 
@@ -45165,7 +45189,7 @@ const iconBaseProps = buildProps({
   }
 });
 
-var _sfc_main$B = /* @__PURE__ */ defineComponent({
+var _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIconBase"
   },
@@ -45267,7 +45291,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-var IconBase$1 = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "icon-base.vue"]]);
+var IconBase$1 = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "icon-base.vue"]]);
 
 const LlIconBase = withInstall(IconBase$1);
 
@@ -45325,7 +45349,7 @@ const iconPickerSearchEmits = {
   handleModalVisible: (bool) => !!bool
 };
 
-var _sfc_main$A = /* @__PURE__ */ defineComponent({
+var _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIconPickerSearch"
   },
@@ -45376,9 +45400,9 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
 
-var search = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "search.vue"]]);
+var search = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "search.vue"]]);
 
-var _sfc_main$z = /* @__PURE__ */ defineComponent({
+var _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIconPickerModal"
   },
@@ -45527,9 +45551,9 @@ var _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 
-var modal = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "modal.vue"]]);
+var modal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "modal.vue"]]);
 
-var _sfc_main$y = /* @__PURE__ */ defineComponent({
+var _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIconPicker"
   },
@@ -45578,7 +45602,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 
-var IconPicker = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "icon-picker.vue"]]);
+var IconPicker = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "icon-picker.vue"]]);
 
 const LlIconPicker = withInstall(IconPicker);
 
@@ -45609,7 +45633,7 @@ const inputProps = buildProps({
   }
 });
 
-var _sfc_main$x = /* @__PURE__ */ defineComponent({
+var _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{ name: "LlInput" },
   __name: "input",
   props: inputProps,
@@ -45668,7 +45692,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "input.vue"]]);
 
 const LlInput = withInstall(Input);
 
@@ -45742,10 +45766,10 @@ const integerDict = {
   }
 };
 
-const _hoisted_1$3 = ["title"];
-const _hoisted_2$1 = { key: 0 };
+const _hoisted_1$4 = ["title"];
+const _hoisted_2$2 = { key: 0 };
 const _hoisted_3$1 = { key: 1 };
-var _sfc_main$w = /* @__PURE__ */ defineComponent({
+var _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{ name: "LlInputNumber" },
   __name: "input-number",
   props: inputNumberProps,
@@ -45849,7 +45873,7 @@ var _sfc_main$w = /* @__PURE__ */ defineComponent({
           }, [
             _ctx.$attrs.addonBefore ? (openBlock(), createElementBlock(
               "span",
-              _hoisted_2$1,
+              _hoisted_2$2,
               toDisplayString(_ctx.$attrs.addonBefore),
               1
               /* TEXT */
@@ -45866,7 +45890,7 @@ var _sfc_main$w = /* @__PURE__ */ defineComponent({
               1
               /* TEXT */
             )) : createCommentVNode("v-if", true)
-          ], 10, _hoisted_1$3)) : createCommentVNode("v-if", true),
+          ], 10, _hoisted_1$4)) : createCommentVNode("v-if", true),
           _ctx.isAmountChinese && getChineseName.value ? (openBlock(), createElementBlock(
             "p",
             {
@@ -45885,13 +45909,13 @@ var _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "input-number.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "input-number.vue"]]);
 
 const LlInputNumber = withInstall(InputNumber);
 
 const getKeyValueItem = () => ({
-  key: "",
-  value: ""
+  key: null,
+  value: null
 });
 const keyValueProps = buildProps({
   value: {
@@ -45994,7 +46018,7 @@ const keyValueItemEmits = {
   "update:value": (value) => !!value
 };
 
-var _sfc_main$v = /* @__PURE__ */ defineComponent({
+var _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlKeyValueItem"
   },
@@ -46230,9 +46254,9 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-var keyValueItem = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "key-value-item.vue"]]);
+var keyValueItem = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "key-value-item.vue"]]);
 
-var _sfc_main$u = /* @__PURE__ */ defineComponent({
+var _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{ name: "LlKeyValue" },
   __name: "key-value",
   props: keyValueProps,
@@ -46242,7 +46266,7 @@ var _sfc_main$u = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const bem = createNamespace("key-value");
     const innerValue = ref(
-      props.value.length > 0 ? props.value : [{ key: "", value: "" }]
+      props.value && props.value.length > 0 ? props.value : [{ key: null, value: null }]
     );
     const keyValueItems = ref([]);
     const keyValueTypeDict = computed(() => {
@@ -46260,7 +46284,7 @@ var _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
     const handleChange = () => {
       emits("change", innerValue.value);
-      emits("change", innerValue.value);
+      emits("update:value", innerValue.value);
     };
     return (_ctx, _cache) => {
       const _component_ll_icon = resolveComponent("ll-icon");
@@ -46279,7 +46303,7 @@ var _sfc_main$u = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(
                 Fragment,
                 null,
-                renderList(props.value, (_item, idx) => {
+                renderList(innerValue.value, (_item, idx) => {
                   return openBlock(), createBlock(keyValueItem, {
                     key: idx,
                     ref_for: true,
@@ -46356,7 +46380,7 @@ var _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-var KeyValue = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "key-value.vue"]]);
+var KeyValue = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "key-value.vue"]]);
 
 const LlKeyValue = withInstall(KeyValue);
 
@@ -46437,7 +46461,7 @@ const modalEmits = {
   "update:open": () => true
 };
 
-var _sfc_main$t = /* @__PURE__ */ defineComponent({
+var _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{ name: "LlModal" },
   __name: "modal",
   props: modalProps,
@@ -46529,7 +46553,7 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "modal.vue"]]);
+var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "modal.vue"]]);
 
 const LlModal = withInstall(Modal);
 
@@ -46584,7 +46608,7 @@ const operateIconEmits = {
   "update:value": (bool) => isBoolean(bool)
 };
 
-var _sfc_main$s = /* @__PURE__ */ defineComponent({
+var _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlOperateIcon"
   },
@@ -46751,7 +46775,7 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-var OperateIcon = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "operate-icon.vue"]]);
+var OperateIcon = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "operate-icon.vue"]]);
 
 const LlOperateIcon = withInstall(OperateIcon);
 
@@ -48023,7 +48047,7 @@ CaretRightOutlined.displayName = "CaretRightOutlined";
 CaretRightOutlined.inheritAttrs = false;
 var CaretRightOutlined$1 = CaretRightOutlined;
 
-var _sfc_main$r = /* @__PURE__ */ defineComponent({
+var _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{ name: "LlOperateTree" },
   __name: "operate-tree",
   props: operateTreeProps,
@@ -48165,11 +48189,11 @@ var _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-var OperateTree = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "operate-tree.vue"]]);
+var OperateTree = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "operate-tree.vue"]]);
 
 const LlOperateTree = withInstall(OperateTree);
 
-var _sfc_main$q = /* @__PURE__ */ defineComponent({
+var _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{ name: "LlRadio" },
   __name: "radio",
   setup(__props) {
@@ -48195,9 +48219,9 @@ var _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "radio.vue"]]);
+var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "radio.vue"]]);
 
-var _sfc_main$p = /* @__PURE__ */ defineComponent({
+var _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{ name: "LlRadioButton" },
   __name: "radio-button",
   setup(__props) {
@@ -48223,9 +48247,9 @@ var _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "radio-button.vue"]]);
+var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "radio-button.vue"]]);
 
-var _sfc_main$o = /* @__PURE__ */ defineComponent({
+var _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{ name: "LlRadioGroup" },
   __name: "radio-group",
   setup(__props) {
@@ -48251,13 +48275,13 @@ var _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "radio-group.vue"]]);
+var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "radio-group.vue"]]);
 
 const LlRadio = withInstall(Radio);
 const LlRadioButton = withInstall(RadioButton);
 const LlRadioGroup = withInstall(RadioGroup);
 
-var _sfc_main$n = /* @__PURE__ */ defineComponent({
+var _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSegmented" },
   __name: "segmented",
   setup(__props) {
@@ -48282,11 +48306,11 @@ var _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Segmented = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "segmented.vue"]]);
+var Segmented = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "segmented.vue"]]);
 
 const LlSegmented = withInstall(Segmented);
 
-var _sfc_main$m = /* @__PURE__ */ defineComponent({
+var _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSelect" },
   __name: "select",
   setup(__props) {
@@ -48312,7 +48336,7 @@ var _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "select.vue"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "select.vue"]]);
 
 const selectOptionProps = buildProps({
   class: String,
@@ -48334,7 +48358,7 @@ const selectOptGroupProps = buildProps({
   }
 });
 
-var _sfc_main$l = /* @__PURE__ */ defineComponent({
+var _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSelectOption" },
   __name: "select-option",
   props: selectOptionProps,
@@ -48361,9 +48385,9 @@ var _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 
-var SelectOption = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "select-option.vue"]]);
+var SelectOption = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "select-option.vue"]]);
 
-var _sfc_main$k = /* @__PURE__ */ defineComponent({
+var _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSelectOptGroup" },
   __name: "select-opt-group",
   props: selectOptGroupProps,
@@ -48390,7 +48414,7 @@ var _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-var SelectOptGroup = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "select-opt-group.vue"]]);
+var SelectOptGroup = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "select-opt-group.vue"]]);
 
 const LlSelect = withInstall(Select);
 const LlSelectOption = withInstall(SelectOption);
@@ -48469,7 +48493,7 @@ const selectGroupEmits = {
   change: (selectV, value) => !!selectV && !!value
 };
 
-var _sfc_main$j = /* @__PURE__ */ defineComponent({
+var _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSelectGroup" },
   __name: "select-group",
   props: selectGroupProps,
@@ -48679,11 +48703,11 @@ var _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 
-var SelectGroup = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "select-group.vue"]]);
+var SelectGroup = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "select-group.vue"]]);
 
 const LlSelectGroup = withInstall(SelectGroup);
 
-var _sfc_main$i = /* @__PURE__ */ defineComponent({
+var _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSpace" },
   __name: "space",
   setup(__props) {
@@ -48707,11 +48731,11 @@ var _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Space = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "space.vue"]]);
+var Space = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "space.vue"]]);
 
 const LlSpace = withInstall(Space);
 
-var _sfc_main$h = /* @__PURE__ */ defineComponent({
+var _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSteps" },
   __name: "steps",
   setup(__props) {
@@ -48737,11 +48761,11 @@ var _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "steps.vue"]]);
+var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "steps.vue"]]);
 
 const LlSteps = withInstall(Steps);
 
-var _sfc_main$g = /* @__PURE__ */ defineComponent({
+var _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSwitch" },
   __name: "switch",
   setup(__props) {
@@ -48767,7 +48791,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "switch.vue"]]);
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "switch.vue"]]);
 
 const LlSwitch = withInstall(Switch);
 
@@ -48964,7 +48988,7 @@ const tableProps = buildProps({
   }
 });
 
-var _sfc_main$f = /* @__PURE__ */ defineComponent({
+var _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "TableHeaderSearch"
   },
@@ -49081,7 +49105,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 
-var HeaderSearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "header-search.vue"]]);
+var HeaderSearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "header-search.vue"]]);
 
 var vuedraggable_umd = {exports: {}};
 
@@ -56109,7 +56133,7 @@ var require$$1 = /*@__PURE__*/getAugmentedNamespace(sortable_esm);
 var vuedraggable_umdExports = vuedraggable_umd.exports;
 var draggable = /* @__PURE__ */ getDefaultExportFromCjs(vuedraggable_umdExports);
 
-var _sfc_main$e = /* @__PURE__ */ defineComponent({
+var _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "MainTable"
   },
@@ -56656,9 +56680,9 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 
-var MainTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "main-table.vue"]]);
+var MainTable = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "main-table.vue"]]);
 
-var _sfc_main$d = /* @__PURE__ */ defineComponent({
+var _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "TableHeaderSearch"
   },
@@ -56685,9 +56709,9 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "pagination.vue"]]);
+var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "pagination.vue"]]);
 
-var _sfc_main$c = /* @__PURE__ */ defineComponent({
+var _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{ name: "LlTable" },
   __name: "table",
   props: tableProps,
@@ -56817,7 +56841,7 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "table.vue"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "table.vue"]]);
 
 const LlTable = withInstall(Table);
 
@@ -56835,8 +56859,8 @@ const tabsSimpleEmits = {
   "update:activeKey": (value) => !!value
 };
 
-const _hoisted_1$2 = ["onClick"];
-var _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = ["onClick"];
+var _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{ name: "LlTabsSimple" },
   __name: "tabs-simple",
   props: tabsSimpleProps,
@@ -56877,7 +56901,7 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
                     /* TEXT */
                   )
                 ])
-              ], 10, _hoisted_1$2);
+              ], 10, _hoisted_1$3);
             }),
             128
             /* KEYED_FRAGMENT */
@@ -56890,10 +56914,346 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-var TabsSimple = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "tabs-simple.vue"]]);
+var TabsSimple = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "tabs-simple.vue"]]);
 
 const LlTabsSimple = withInstall(TabsSimple);
 
+const tagGroupProps = buildProps({
+  value: {
+    type: String,
+    default: ""
+  },
+  options: {
+    type: definePropType(Array),
+    default: []
+  }
+});
+const tagGroupEmits = {
+  "update:value": (value) => !!value,
+  "update:options": (value) => !!value,
+  change: (value) => !!value
+};
+
+const _hoisted_1$2 = ["onClick"];
+const _hoisted_2$1 = ["onClick"];
+var _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlTagGroup" },
+  __name: "tag-group",
+  props: tagGroupProps,
+  emits: tagGroupEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("tag-group");
+    const formItemContext = Form$1.useInjectFormItemContext();
+    const loading = ref(false);
+    const inputValue = ref(props.value);
+    const visible = ref(false);
+    const value = toRef(props.value?.length ? props.value.split(",") : []);
+    const more = ref(0);
+    const btnRef = ref();
+    const mouseMove = ref(false);
+    const tagsTypeRef = ref(null);
+    const tagRefs = reactive([]);
+    const filterOptionsValue = ref(props.options);
+    const innerOptions = ref(props.options);
+    const tagsTypeWidth = ref(0);
+    const shownArr = ref([]);
+    const getTagRefs = (i) => {
+      return (el) => {
+        if (el) {
+          tagRefs[i] = toRef(el);
+        } else {
+          tagRefs.splice(i, 1);
+        }
+      };
+    };
+    const getWidth = () => {
+      nextTick(() => {
+        if (tagsTypeRef.value) {
+          tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90;
+        }
+      });
+    };
+    const handleEnter = () => {
+      let arr = value.value;
+      if (!inputValue.value)
+        return;
+      if (innerOptions.value.indexOf(inputValue.value) < 0) {
+        innerOptions.value.push(inputValue.value);
+        emits("update:options", innerOptions.value);
+        arr.push(inputValue.value);
+      } else {
+        if (arr.indexOf(inputValue.value) < 0) {
+          arr.push(inputValue.value);
+        } else {
+          arr = arr.filter((e) => e !== inputValue.value);
+        }
+      }
+      value.value = arr;
+    };
+    const handleDel = (idx) => {
+      value.value.splice(idx, 1);
+    };
+    const handleClickFilter = (item) => {
+      let arr = value.value;
+      if (arr.indexOf(item) >= 0) {
+        arr = arr.filter((e) => e !== item);
+      } else {
+        arr.push(item);
+      }
+      value.value = arr;
+    };
+    watch(
+      () => props.options,
+      (n) => {
+        innerOptions.value = n;
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    watch(
+      [() => value.value.length, tagsTypeWidth],
+      async (n, o) => {
+        await nextTick();
+        const arr = [];
+        let moreLeftValue = 0;
+        for (const i in value.value) {
+          const tagetWidth = tagRefs[i].value.offsetWidth + 10;
+          if (moreLeftValue + tagetWidth >= n[1]) {
+            break;
+          } else {
+            moreLeftValue += tagetWidth;
+            arr.push(value.value[i]);
+          }
+        }
+        more.value = n[0] - arr.length > 0 ? n[0] - arr.length : 0;
+        shownArr.value = arr;
+        emits("update:value", value.value.join(","));
+        emits("change", value.value.join(","));
+        if (o[0]) {
+          if (n[0] !== o[0]) {
+            formItemContext.onFieldChange();
+            formItemContext.onFieldBlur();
+          }
+        }
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    watch(
+      () => [innerOptions, inputValue],
+      () => {
+        if (!inputValue.value)
+          filterOptionsValue.value = innerOptions.value;
+        filterOptionsValue.value = innerOptions.value.filter(
+          (e) => e.indexOf(inputValue.value) >= 0
+        );
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    onMounted(async () => {
+      getWidth();
+      window.addEventListener("resize", getWidth);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", getWidth);
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_LlInput = resolveComponent("LlInput");
+      const _component_a_spin = resolveComponent("a-spin");
+      return openBlock(), createBlock(_component_a_spin, { spinning: loading.value }, {
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              ref_key: "tagsTypeRef",
+              ref: tagsTypeRef,
+              class: normalizeClass(unref(bem).b())
+            },
+            [
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).e("tag-container"))
+                },
+                [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(value.value, (item, i) => {
+                      return openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key: i,
+                          ref_for: true,
+                          ref: getTagRefs(i),
+                          class: normalizeClass([
+                            unref(bem).m("item"),
+                            !shownArr.value.includes(item) ? unref(bem).is("hidden") : ""
+                          ])
+                        },
+                        [
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(unref(bem).m("text"))
+                            },
+                            toDisplayString(item),
+                            3
+                            /* TEXT, CLASS */
+                          ),
+                          createElementVNode("span", {
+                            class: normalizeClass(unref(bem).m("close")),
+                            onClick: ($event) => handleDel(i)
+                          }, [
+                            createVNode(_component_ll_icon, {
+                              "icon-name": "icon-close2",
+                              color: "#909399",
+                              "class-name": unref(bem).m("close-icon")
+                            }, null, 8, ["class-name"])
+                          ], 10, _hoisted_1$2)
+                        ],
+                        2
+                        /* CLASS */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                2
+                /* CLASS */
+              ),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).e("add-container"))
+                },
+                [
+                  more.value > 0 ? (openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: normalizeClass(unref(bem).m("more"))
+                    },
+                    "+" + toDisplayString(more.value),
+                    3
+                    /* TEXT, CLASS */
+                  )) : createCommentVNode("v-if", true),
+                  createVNode(unref(Popover), {
+                    visible: visible.value,
+                    "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
+                    "overlay-class-name": unref(bem).e("popover"),
+                    "arrow-point-at-center": "",
+                    trigger: "click",
+                    placement: "bottom"
+                  }, {
+                    content: withCtx(() => [
+                      createVNode(_component_LlInput, {
+                        value: inputValue.value,
+                        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+                        placeholder: "\u8F93\u5165\u540E\u56DE\u8F66\u65B0\u5EFA",
+                        "prefix-icon": `icon-search`,
+                        style: { width: "300px", paddingLeft: "18px" },
+                        onPressEnter: withModifiers(handleEnter, ["prevent"])
+                      }, null, 8, ["value"]),
+                      filterOptionsValue.value.length > 0 ? (openBlock(), createElementBlock(
+                        "ul",
+                        {
+                          key: 0,
+                          class: normalizeClass(unref(bem).m("select-box"))
+                        },
+                        [
+                          (openBlock(true), createElementBlock(
+                            Fragment,
+                            null,
+                            renderList(filterOptionsValue.value, (item, i) => {
+                              return openBlock(), createElementBlock("li", {
+                                key: i,
+                                class: normalizeClass(unref(bem).m("select-item")),
+                                onClick: ($event) => handleClickFilter(item)
+                              }, [
+                                createElementVNode(
+                                  "span",
+                                  {
+                                    class: normalizeClass(unref(bem).m("select-text"))
+                                  },
+                                  toDisplayString(item),
+                                  3
+                                  /* TEXT, CLASS */
+                                ),
+                                value.value.indexOf(item) >= 0 ? (openBlock(), createBlock(_component_ll_icon, {
+                                  key: 0,
+                                  "icon-name": "icon-check",
+                                  class: normalizeClass(unref(bem).m("select-check")),
+                                  color: "#1890FF"
+                                }, null, 8, ["class"])) : createCommentVNode("v-if", true)
+                              ], 10, _hoisted_2$1);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ],
+                        2
+                        /* CLASS */
+                      )) : createCommentVNode("v-if", true)
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode(
+                        "div",
+                        {
+                          ref_key: "btnRef",
+                          ref: btnRef,
+                          class: normalizeClass([
+                            mouseMove.value || visible.value ? unref(bem).is("active") : "",
+                            unref(bem).m("add-item")
+                          ]),
+                          onMouseover: _cache[1] || (_cache[1] = ($event) => mouseMove.value = true),
+                          onMouseleave: _cache[2] || (_cache[2] = ($event) => mouseMove.value = false)
+                        },
+                        [
+                          createVNode(_component_ll_icon, {
+                            "icon-name": "icon-add",
+                            color: "#666",
+                            "class-name": unref(bem).m("add-icon")
+                          }, null, 8, ["class-name"])
+                        ],
+                        34
+                        /* CLASS, NEED_HYDRATION */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["visible", "overlay-class-name"])
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["spinning"]);
+    };
+  }
+});
+
+var TagGroup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "tag-group.vue"]]);
+
+const LlTagGroup = withInstall(TagGroup);
+
 var _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{ name: "LlTextarea" },
   __name: "textarea",
@@ -63502,6 +63862,7 @@ var Components = [
   LlSwitch,
   LlTable,
   LlTabsSimple,
+  LlTagGroup,
   LlTextarea,
   LlTimePicker,
   LlTimeRange,
@@ -63516,4 +63877,4 @@ var installer = makeInstaller([...Components]);
 
 const install = installer.install;
 
-export { ILlUploadDragProps, ImenuSwitchType, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlAvatar, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlCodeEditor, LlConfigProvider, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlEmpty, LlForm, LlFormItem, LlIcon, LlIconBase, LlIconPicker, LlInput, LlInputNumber, LlKeyValue, LlModal, LlOperateIcon, LlOperateTree, LlRadio, LlRadioButton, LlRadioGroup, LlSecondConfirmation, LlSegmented, LlSelect, LlSelectGroup, LlSelectOptGroup, LlSelectOption, LlSpace, LlSteps, LlSwitch, LlTable, LlTabsSimple, LlTextarea, LlTimePicker, LlTimeRange, LlTooltip, LlTree, LlTreeSearch, LlUploadDrag, OperateTreeEmits, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, avatarEmits, avatarProps, avatarType, buttonProps, checkboxGroupProps, checkboxProps, checkedType, codeEditorEmits, codeEditorProps, codeThemeList, installer as default, defaultOptions, descriptionsItemProps, descriptionsProps, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownEmits, dropdownProps, emptyProps, formColumns, formComponentProps, formOptions, formProps, getKeyValueItem, iconBaseProps, iconPickerModalEmits, iconPickerModalProps, iconPickerProps, iconPickerSearchEmits, iconPickerSearchProps, iconProps, iconTypes, inputNumberEmits, inputNumberProps, inputProps, install, keyValueEmits, keyValueItemEmits, keyValueItemProps, keyValueProps, mainTableEmits, mainTableProps, menuSwitchRadioList, modalEmits, modalProps, operateIconEmits, operateIconProps, operateTreeEmits, operateTreeProps, placement, secondConfirmationProps, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectOptGroupProps, selectOptionProps, tableHeaderSearchEmits, tableHeaderSearchProps, tablePaginationProps, tableProps, tabsSimpleEmits, tabsSimpleProps, tooltipProps, treeEmits, treeProps, treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps, treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps, treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps, typeRules, url, useSecondConfirmation };
+export { ILlUploadDragProps, ImenuSwitchType, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlAvatar, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlCodeEditor, LlConfigProvider, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlEmpty, LlForm, LlFormItem, LlIcon, LlIconBase, LlIconPicker, LlInput, LlInputNumber, LlKeyValue, LlModal, LlOperateIcon, LlOperateTree, LlRadio, LlRadioButton, LlRadioGroup, LlSecondConfirmation, LlSegmented, LlSelect, LlSelectGroup, LlSelectOptGroup, LlSelectOption, LlSpace, LlSteps, LlSwitch, LlTable, LlTabsSimple, LlTagGroup, LlTextarea, LlTimePicker, LlTimeRange, LlTooltip, LlTree, LlTreeSearch, LlUploadDrag, OperateTreeEmits, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, avatarEmits, avatarProps, avatarType, buttonProps, checkboxGroupProps, checkboxProps, checkedType, codeEditorEmits, codeEditorProps, codeThemeList, installer as default, defaultOptions, descriptionsItemProps, descriptionsProps, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownEmits, dropdownProps, emptyProps, formColumns, formComponentProps, formOptions, formProps, getKeyValueItem, iconBaseProps, iconPickerModalEmits, iconPickerModalProps, iconPickerProps, iconPickerSearchEmits, iconPickerSearchProps, iconProps, iconTypes, inputNumberEmits, inputNumberProps, inputProps, install, keyValueEmits, keyValueItemEmits, keyValueItemProps, keyValueProps, mainTableEmits, mainTableProps, menuSwitchRadioList, modalEmits, modalProps, operateIconEmits, operateIconProps, operateTreeEmits, operateTreeProps, placement, secondConfirmationProps, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectOptGroupProps, selectOptionProps, tableHeaderSearchEmits, tableHeaderSearchProps, tablePaginationProps, tableProps, tabsSimpleEmits, tabsSimpleProps, tagGroupEmits, tagGroupProps, tooltipProps, treeEmits, treeProps, treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps, treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps, treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps, typeRules, url, useSecondConfirmation };