ll-plus 2.1.10 → 2.1.12

package/lib/components/tag-group/src/tag-group.vue2.js

@@ -0,0 +1,329 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+require('../../../utils/index.js');
+var tagGroup = require('./tag-group.js');
+var createNamespace = require('../../../utils/create-namespace.js');
+
+"use strict";
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LlTagGroup" },
+  __name: "tag-group",
+  props: tagGroup.tagGroupProps,
+  emits: tagGroup.tagGroupEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace.createNamespace("tag-group");
+    const formItemContext = antDesignVue.Form.useInjectFormItemContext();
+    const loading = vue.ref(false);
+    const inputValue = vue.ref("");
+    const visible = vue.ref(false);
+    const value = vue.toRef(props.value?.length ? props.value.split(",") : []);
+    const more = vue.ref(0);
+    const btnRef = vue.ref();
+    const mouseMove = vue.ref(false);
+    const tagsTypeRef = vue.ref(null);
+    const tagRefs = vue.reactive([]);
+    const filterOptionsValue = vue.ref(props.options);
+    const innerOptions = vue.ref(props.options);
+    const tagsTypeWidth = vue.ref(0);
+    const shownArr = vue.ref([]);
+    const getTagRefs = (i) => {
+      return (el) => {
+        if (el) {
+          tagRefs[i] = vue.toRef(el);
+        } else {
+          tagRefs.splice(i, 1);
+        }
+      };
+    };
+    const getWidth = () => {
+      vue.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;
+    };
+    vue.watch(
+      () => props.options,
+      (n) => {
+        innerOptions.value = n;
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    vue.watch(
+      [() => value.value.length, tagsTypeWidth],
+      async (n, o) => {
+        await vue.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
+      }
+    );
+    vue.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
+      }
+    );
+    vue.onMounted(async () => {
+      getWidth();
+      window.addEventListener("resize", getWidth);
+    });
+    vue.onUnmounted(() => {
+      window.removeEventListener("resize", getWidth);
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_icon = vue.resolveComponent("ll-icon");
+      const _component_LlInput = vue.resolveComponent("LlInput");
+      const _component_a_spin = vue.resolveComponent("a-spin");
+      return vue.openBlock(), vue.createBlock(_component_a_spin, { spinning: loading.value }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            {
+              ref_key: "tagsTypeRef",
+              ref: tagsTypeRef,
+              class: vue.normalizeClass(vue.unref(bem).b())
+            },
+            [
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(bem).e("tag-container"))
+                },
+                [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(value.value, (item, i) => {
+                      return vue.openBlock(), vue.createElementBlock(
+                        "div",
+                        {
+                          key: i,
+                          ref_for: true,
+                          ref: getTagRefs(i),
+                          class: vue.normalizeClass([
+                            vue.unref(bem).m("item"),
+                            !shownArr.value.includes(item) ? vue.unref(bem).is("hidden") : ""
+                          ])
+                        },
+                        [
+                          vue.createElementVNode(
+                            "div",
+                            {
+                              class: vue.normalizeClass(vue.unref(bem).m("text"))
+                            },
+                            vue.toDisplayString(item),
+                            3
+                            /* TEXT, CLASS */
+                          ),
+                          vue.createElementVNode("span", {
+                            class: vue.normalizeClass(vue.unref(bem).m("close")),
+                            onClick: ($event) => handleDel(i)
+                          }, [
+                            vue.createVNode(_component_ll_icon, {
+                              "icon-name": "icon-close2",
+                              color: "#909399",
+                              "class-name": vue.unref(bem).m("close-icon")
+                            }, null, 8, ["class-name"])
+                          ], 10, _hoisted_1)
+                        ],
+                        2
+                        /* CLASS */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                2
+                /* CLASS */
+              ),
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(bem).e("add-container"))
+                },
+                [
+                  more.value > 0 ? (vue.openBlock(), vue.createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: vue.normalizeClass(vue.unref(bem).m("more"))
+                    },
+                    "+" + vue.toDisplayString(more.value),
+                    3
+                    /* TEXT, CLASS */
+                  )) : vue.createCommentVNode("v-if", true),
+                  vue.createVNode(vue.unref(antDesignVue.Popover), {
+                    visible: visible.value,
+                    "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
+                    "overlay-class-name": vue.unref(bem).e("popover"),
+                    "arrow-point-at-center": "",
+                    trigger: "click",
+                    placement: "bottom"
+                  }, {
+                    content: vue.withCtx(() => [
+                      vue.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: vue.withModifiers(handleEnter, ["prevent"])
+                      }, null, 8, ["value"]),
+                      filterOptionsValue.value.length > 0 ? (vue.openBlock(), vue.createElementBlock(
+                        "ul",
+                        {
+                          key: 0,
+                          class: vue.normalizeClass(vue.unref(bem).m("select-box"))
+                        },
+                        [
+                          (vue.openBlock(true), vue.createElementBlock(
+                            vue.Fragment,
+                            null,
+                            vue.renderList(filterOptionsValue.value, (item, i) => {
+                              return vue.openBlock(), vue.createElementBlock("li", {
+                                key: i,
+                                class: vue.normalizeClass(vue.unref(bem).m("select-item")),
+                                onClick: ($event) => handleClickFilter(item)
+                              }, [
+                                vue.createElementVNode(
+                                  "span",
+                                  {
+                                    class: vue.normalizeClass(vue.unref(bem).m("select-text"))
+                                  },
+                                  vue.toDisplayString(item),
+                                  3
+                                  /* TEXT, CLASS */
+                                ),
+                                value.value.indexOf(item) >= 0 ? (vue.openBlock(), vue.createBlock(_component_ll_icon, {
+                                  key: 0,
+                                  "icon-name": "icon-check",
+                                  class: vue.normalizeClass(vue.unref(bem).m("select-check")),
+                                  color: "#1890FF"
+                                }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+                              ], 10, _hoisted_2);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ],
+                        2
+                        /* CLASS */
+                      )) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          ref_key: "btnRef",
+                          ref: btnRef,
+                          class: vue.normalizeClass([
+                            mouseMove.value || visible.value ? vue.unref(bem).is("active") : "",
+                            vue.unref(bem).m("add-item")
+                          ]),
+                          onMouseover: _cache[1] || (_cache[1] = ($event) => mouseMove.value = true),
+                          onMouseleave: _cache[2] || (_cache[2] = ($event) => mouseMove.value = false)
+                        },
+                        [
+                          vue.createVNode(_component_ll_icon, {
+                            "icon-name": "icon-add",
+                            color: "#666",
+                            "class-name": vue.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"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=tag-group.vue2.js.map

package/lib/components/tag-group/src/tag-group.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-group.vue2.js","sources":["../../../../../packages/components/tag-group/src/tag-group.vue"],"sourcesContent":["<template>\n  <a-spin :spinning=\"loading\">\n    <div ref=\"tagsTypeRef\" :class=\"bem.b()\">\n      <div :class=\"bem.e('tag-container')\">\n        <template v-for=\"(item, i) in value\" :key=\"i\">\n          <div\n            :ref=\"getTagRefs(i)\"\n            :class=\"[\n              bem.m('item'),\n              !shownArr.includes(item) ? bem.is('hidden') : ''\n            ]\"\n          >\n            <div :class=\"bem.m('text')\">\n              {{ item }}\n            </div>\n            <span :class=\"bem.m('close')\" @click=\"handleDel(i)\">\n              <ll-icon\n                icon-name=\"icon-close2\"\n                :color=\"'#909399'\"\n                :class-name=\"bem.m('close-icon')\"\n              />\n            </span>\n          </div>\n        </template>\n      </div>\n\n      <div :class=\"bem.e('add-container')\">\n        <div v-if=\"more > 0\" :class=\"bem.m('more')\">+{{ more }}</div>\n        <Popover\n          v-model:visible=\"visible\"\n          :overlay-class-name=\"bem.e('popover')\"\n          arrow-point-at-center\n          trigger=\"click\"\n          placement=\"bottom\"\n        >\n          <template #content>\n            <LlInput\n              v-model:value=\"inputValue\"\n              placeholder=\"输入后回车新建\"\n              :prefix-icon=\"`icon-search`\"\n              :style=\"{ width: '300px', paddingLeft: '18px' }\"\n              @press-enter.prevent=\"handleEnter\"\n            />\n            <ul\n              v-if=\"filterOptionsValue.length > 0\"\n              :class=\"bem.m('select-box')\"\n            >\n              <li\n                v-for=\"(item, i) in filterOptionsValue\"\n                :key=\"i\"\n                :class=\"bem.m('select-item')\"\n                @click=\"handleClickFilter(item)\"\n              >\n                <span :class=\"bem.m('select-text')\">\n                  {{ item }}\n                </span>\n                <ll-icon\n                  v-if=\"value.indexOf(item) >= 0\"\n                  icon-name=\"icon-check\"\n                  :class=\"bem.m('select-check')\"\n                  color=\"#1890FF\"\n                />\n              </li>\n            </ul>\n          </template>\n          <div\n            ref=\"btnRef\"\n            :class=\"[\n              mouseMove || visible ? bem.is('active') : '',\n              bem.m('add-item')\n            ]\"\n            @mouseover=\"mouseMove = true\"\n            @mouseleave=\"mouseMove = false\"\n          >\n            <ll-icon\n              icon-name=\"icon-add\"\n              :color=\"'#666'\"\n              :class-name=\"bem.m('add-icon')\"\n            />\n          </div>\n        </Popover>\n      </div>\n    </div>\n  </a-spin>\n</template>\n\n<script setup lang=\"ts\">\nimport { Form } from 'ant-design-vue'\nimport {\n  ref,\n  reactive,\n  nextTick,\n  onMounted,\n  toRef,\n  watch,\n  onUnmounted\n} from 'vue'\nimport { Popover } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tagGroupProps, tagGroupEmits } from './tag-group'\nimport type { Ref } from 'vue'\ndefineOptions({ name: 'LlTagGroup' })\n\nconst props = defineProps(tagGroupProps)\nconst emits = defineEmits(tagGroupEmits)\nconst bem = createNamespace('tag-group')\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst loading = ref(false)\nconst inputValue = ref('')\nconst visible = ref(false)\nconst value = toRef(props.value?.length ? props.value.split(',') : [])\nconst more = ref(0)\nconst btnRef = ref()\nconst mouseMove = ref(false)\nconst tagsTypeRef = ref<HTMLDivElement | null>(null)\nconst tagRefs: Ref<HTMLDivElement>[] = reactive([])\nconst filterOptionsValue = ref(props.options)\nconst innerOptions = ref(props.options)\nconst tagsTypeWidth = ref(0)\nconst shownArr = ref<string[]>([])\nconst getTagRefs = (i: number) => {\n  return (el: any) => {\n    if (el) {\n      tagRefs[i] = toRef(el)\n    } else {\n      tagRefs.splice(i, 1)\n    }\n  }\n}\n\nconst getWidth = () => {\n  nextTick(() => {\n    if (tagsTypeRef.value) {\n      tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90\n    }\n  })\n}\n\nconst handleEnter = () => {\n  let arr = value.value\n  if (!inputValue.value) return\n  if (innerOptions.value.indexOf(inputValue.value) < 0) {\n    innerOptions.value.push(inputValue.value)\n    emits('update:options', innerOptions.value)\n    arr.push(inputValue.value)\n  } else {\n    if (arr.indexOf(inputValue.value) < 0) {\n      arr.push(inputValue.value)\n    } else {\n      arr = arr.filter(e => e !== inputValue.value)\n    }\n  }\n  value.value = arr\n  // inputValue.value = ''\n}\n\nconst handleDel = (idx: number) => {\n  value.value.splice(idx, 1)\n}\n\nconst handleClickFilter = (item: string) => {\n  let arr = value.value\n  if (arr.indexOf(item) >= 0) {\n    arr = arr.filter(e => e !== item)\n  } else {\n    arr.push(item)\n  }\n  value.value = arr\n}\nwatch(\n  () => props.options,\n  n => {\n    innerOptions.value = n\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  [() => value.value.length, tagsTypeWidth],\n  async (n, o) => {\n    await nextTick()\n    const arr: string[] = []\n    let moreLeftValue = 0\n    for (const i in value.value) {\n      const tagetWidth = tagRefs[i].value.offsetWidth + 10\n      if (moreLeftValue + tagetWidth >= n[1]) {\n        break\n      } else {\n        moreLeftValue += tagetWidth\n        arr.push(value.value[i])\n      }\n    }\n    more.value = n[0] - arr.length > 0 ? n[0] - arr.length : 0\n    shownArr.value = arr\n    emits('update:value', value.value.join(','))\n    emits('change', value.value.join(','))\n\n    if (o[0]) {\n      if (n[0] !== o[0]) {\n        formItemContext.onFieldChange()\n        formItemContext.onFieldBlur()\n      }\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  () => [innerOptions, inputValue],\n  () => {\n    if (!inputValue.value) filterOptionsValue.value = innerOptions.value\n    filterOptionsValue.value = innerOptions.value.filter(\n      (e: string) => e.indexOf(inputValue.value) >= 0\n    )\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nonMounted(async () => {\n  getWidth()\n  window.addEventListener('resize', getWidth)\n})\nonUnmounted(() => {\n  window.removeEventListener('resize', getWidth)\n})\n</script>\n"],"names":["createNamespace","Form","ref","toRef","reactive","nextTick","watch","onMounted","onUnmounted"],"mappings":"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"}

package/lib/index.js

@@ -72,21 +72,23 @@ var table = require('./components/table/src/config/table.js');
 var index$w = require('./components/table/index.js');
 var tabsSimple = require('./components/tabs-simple/src/tabs-simple.js');
 var index$x = require('./components/tabs-simple/index.js');
-var index$y = require('./components/textarea/index.js');
-var index$z = require('./components/time-picker/index.js');
-var index$A = require('./components/time-range/index.js');
+var tagGroup = require('./components/tag-group/src/tag-group.js');
+var index$y = require('./components/tag-group/index.js');
+var index$z = require('./components/textarea/index.js');
+var index$A = require('./components/time-picker/index.js');
+var index$B = require('./components/time-range/index.js');
 var tooltip = require('./components/tooltip/src/tooltip.js');
-var index$B = require('./components/tooltip/index.js');
+var index$C = require('./components/tooltip/index.js');
 var headerSearch$1 = require('./components/tree-search/src/config/header-search.js');
 var directoryTitle = require('./components/tree-search/src/config/directory-title.js');
 var treeSearch = require('./components/tree-search/src/config/tree-search.js');
-var index$C = require('./components/tree-search/index.js');
+var index$D = require('./components/tree-search/index.js');
 var tree = require('./components/tree/src/tree.js');
-var index$D = require('./components/tree/index.js');
+var index$E = require('./components/tree/index.js');
 var dropdown = require('./components/dropdown/src/dropdown.js');
-var index$E = require('./components/dropdown/index.js');
+var index$F = require('./components/dropdown/index.js');
 var uploadDrag = require('./components/upload-drag/src/upload-drag.js');
-var index$F = require('./components/upload-drag/index.js');
+var index$G = require('./components/upload-drag/index.js');
 
 "use strict";
 const install = defaults.default.install;
@@ -202,12 +204,15 @@ exports.LlTable = index$w.LlTable;
 exports.tabsSimpleEmits = tabsSimple.tabsSimpleEmits;
 exports.tabsSimpleProps = tabsSimple.tabsSimpleProps;
 exports.LlTabsSimple = index$x.LlTabsSimple;
-exports.LlTextarea = index$y.LlTextarea;
-exports.LlTimePicker = index$z.LlTimePicker;
-exports.LlTimeRange = index$A.LlTimeRange;
+exports.tagGroupEmits = tagGroup.tagGroupEmits;
+exports.tagGroupProps = tagGroup.tagGroupProps;
+exports.LlTagGroup = index$y.LlTagGroup;
+exports.LlTextarea = index$z.LlTextarea;
+exports.LlTimePicker = index$A.LlTimePicker;
+exports.LlTimeRange = index$B.LlTimeRange;
 exports.placement = tooltip.placement;
 exports.tooltipProps = tooltip.tooltipProps;
-exports.LlTooltip = index$B.LlTooltip;
+exports.LlTooltip = index$C.LlTooltip;
 exports.treeSelectHeaderSearchEmits = headerSearch$1.treeSelectHeaderSearchEmits;
 exports.treeSelectHeaderSearchProps = headerSearch$1.treeSelectHeaderSearchProps;
 exports.treeSelectDirectoryTitleEmits = directoryTitle.treeSelectDirectoryTitleEmits;
@@ -216,17 +221,17 @@ exports.treeSearchEmits = treeSearch.treeSearchEmits;
 exports.treeSearchEmits1 = treeSearch.treeSearchEmits1;
 exports.treeSearchOperateWayType = treeSearch.treeSearchOperateWayType;
 exports.treeSearchProps = treeSearch.treeSearchProps;
-exports.LlTreeSearch = index$C.LlTreeSearch;
+exports.LlTreeSearch = index$D.LlTreeSearch;
 exports.treeEmits = tree.treeEmits;
 exports.treeProps = tree.treeProps;
-exports.LlTree = index$D.LlTree;
+exports.LlTree = index$E.LlTree;
 exports.dropdownButtonEmits = dropdown.dropdownButtonEmits;
 exports.dropdownButtonProps = dropdown.dropdownButtonProps;
 exports.dropdownEmits = dropdown.dropdownEmits;
 exports.dropdownProps = dropdown.dropdownProps;
-exports.LlDropdown = index$E.LlDropdown;
-exports.LlDropdownButton = index$E.LlDropdownButton;
+exports.LlDropdown = index$F.LlDropdown;
+exports.LlDropdownButton = index$F.LlDropdownButton;
 exports.ILlUploadDragProps = uploadDrag.ILlUploadDragProps;
-exports.LlUploadDrag = index$F.LlUploadDrag;
+exports.LlUploadDrag = index$G.LlUploadDrag;
 exports.install = install;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n// 按需导入 import {ZIcon} from 'll-plus'\nexport * from '@ll-plus/components/index'\n\nexport const install = installer.install\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,UAAUA,gBAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n// 按需导入 import {ZIcon} from 'll-plus'\nexport * from '@ll-plus/components/index'\n\nexport const install = installer.install\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,UAAUA,gBAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/utils/props/runtime.d.ts

@@ -27,6 +27,6 @@ export declare const buildProp: <Type = never, Value = never, Validator = never,
 export type TestProps = Record<string, {
     [epPropKey]: true;
 } | NativePropType | EpPropInput<any, any, any, any, any>>;
-export declare const buildProps: <Props extends Record<string, {
+export declare const buildProps: <Props extends Record<string, NativePropType | EpPropInput<any, any, any, any, any> | {
     __epPropKey: true;
-} | NativePropType | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
+}>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ll-plus",
-  "version": "2.1.10",
+  "version": "2.1.12",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.mjs",

package/theme-chalk/css/form.css

@@ -2,4 +2,4 @@
     --color-primary-hover
   );--menu-button-icon-hover-bg:rgba(0, 0, 0, 0.06);--collect-icon-color:#faad14;--header-icon-color:rgba(0, 0, 0, 0.65);--setting-bg-color:#f4f5f7;--setting-modal-bg-color:#fff;--default-icon:rgba(0, 0, 0, 0.45);--default-icon-hover:var(--color-primary-hover);--default-icon-hover-bg:rgba(0, 0, 0, 0.06);--default-icon-active:var(--color-primary-active);--default-icon-disable:rgba(0, 0, 0, 0.25);--primary-icon:var(--color-primary);--primary-icon-hover:var(--color-primary-hover);--primary-icon-active:var(--color-primary-active);--primary-icon-disabled:rgba(0, 0, 0, 0.25);--scroll-color:rgba(0, 0, 0, 0.25);--detail-descriptions-label-bg-color:#fafafa}.technology-blue{--color-primary-bg:#f0f9ff;--color-primary-bg-hover:#b5e4ff;--color-primary-border:#8cd1ff;--color-primary-border-hover:#63bcff;--color-primary-hover:#3ba3ff;--color-primary:#1187ff;--color-primary-active:#0467d9;--color-primary-text-hover:#3ba3ff;--color-primary-text:#1187ff;--color-primary-text-active:#0467d9;--color-info:#1187ff}.cyan-blue{--color-primary-bg:#f0f9ff;--color-primary-bg-hover:#ebfaf8;--color-primary-border:#dfedec;--color-primary-border-hover:#afe0de;--color-primary-hover:#83d4d2;--color-primary:#5bc5c7;--color-primary-active:#429ca1;--color-primary-text-hover:#83d4d2;--color-primary-text:#5bc5c7;--color-primary-text-active:#429ca1;--color-info:#5bc5c7;--main-bg-color:#f4f7fd}.dark{--color-primary-bg:#111d2c;--color-primary-bg-hover:#102945;--color-primary-border:#13375b;--color-primary-border-hover:#13487e;--color-primary-hover:#3795e8;--color-primary:#1176dc;--color-primary-active:#125fad;--color-primary-text-hover:#3795e8;--color-primary-text:#1176dc;--color-primary-text-active:#125fad;--dark-color-primary:#1187ff;--color-success:#49aa19;--color-warning:#d89614;--color-error:#dc4446;--color-info:#1176dc;--color-text-base:#fff;--color-text:rgba(255, 255, 255);--color-text-secondary:rgba(255, 255, 255, 0.75);--color-text-tertiary:rgba(255, 255, 255, 0.45);--color-text-quaternary:rgba(255, 255, 255, 0.25);--color-border:#424242;--color-border-secondary:#303030;--color-split:rgba(255, 255, 255, 0.12);--color-fill:rgba(255, 255, 255, 0.18);--color-fill-secondary:rgba(255, 255, 255, 0.12);--color-fill-tertiary:rgba(255, 255, 255, 0.08);--color-fill-quaternary:rgba(255, 255, 255, 0.04);--color-bg-base:#000;--color-bg-container:#141414;--color-bg-elevated:#1f1f1f;--color-bg-layout:#000;--color-bg-spotlight:#424242;--color-bg-mask:rgba(0, 0, 0, 0.45);--control-item-bg-hover:rgba(255, 255, 255, 0.15);--control-outline:rgba(238, 38, 56, 0.11);--main-bg-color:transparent;--submenu-bg-color:#141414;--menu-search-bg-color:#000;--menu-border-color:#303030;--menu-button-icon-hover:var(
     --color-primary-hover
-  );--menu-button-icon-hover-bg:rgba(255, 255, 255, 0.15);--collect-icon-color:var(--default-icon);--header-icon-color:rgba(255, 255, 255, 0.75);--setting-bg-color:#1f1f1f;--setting-modal-bg-color:#1f1f1f;--default-icon:rgba(255, 255, 255, 0.75);--default-icon-disable:rgba(255, 255, 255, 0.25);--scroll-color:rgba(255, 255, 255, 0.25);--detail-descriptions-label-bg-color:rgba(255, 255, 255, 0.04)//type=detail下的LlDescriptions的label背景颜色}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;width:100%}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title .ll-icon{margin-left:20px}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{margin-bottom:4px}.ant-dropdown .ant-dropdown-menu :last-child{margin-bottom:0!important}.ant-select:hover .ant-select-selector{border-color:var(--color-primary-hover)!important}.ant-select-dropdown .ant-cascader-menu-item-active,.ant-select-dropdown .ant-select-item-option-selected{color:var(--color-primary)!important}.ant-select-dropdown .ant-cascader-menu .ant-cascader-menu-item{margin-bottom:4px}.ant-select-dropdown .ant-cascader-menu :last-child{margin-bottom:0!important}.rc-virtual-list-holder-inner .ant-select-item{margin-bottom:4px}.rc-virtual-list-holder-inner :last-child{margin-bottom:0!important}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner{background-color:var(--color-primary)!important}.ll-form{width:100%}.ll-form .ant-form .ant-form-item-explain{padding-left:6px;box-sizing:border-box}.ll-form .ant-form .ant-form-item-explain .ant-form-item-explain-error{height:22px!important;line-height:22px;font-size:12px}.ll-form .ant-form .ant-form-item{margin-bottom:22px}.ll-form .ant-form .ant-form-item .ant-form-item-label{line-height:1.286!important}.ll-form .ant-form .ant-form-item .ant-form-item-label>label{height:auto}.ll-form .ant-form .ant-form-item .ant-form-item-label>label::after{display:none}.ll-form .ant-form .ant-form-item .ant-form-item-control-input{min-height:auto}.ll-form .ant-form .ant-form-item.is-label-top .ant-form-item-label{padding-bottom:8px}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{display:inline-flex;align-items:center;padding-bottom:0;margin-right:20px;flex-direction:row-reverse}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label-left{flex-direction:row}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{max-height:36px}.ll-form .ant-form .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:0 11px}.ll-form .ant-form .ant-select-single .ant-select-selector .ant-select-selection-search{inset-inline:16px 16px}.ll-form .ant-form textarea.ant-input{height:100px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper{display:flex}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number{flex:1}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon{display:flex;align-items:center;justify-content:center;width:40px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon .unit{line-height:.6;color:var(--color-text-secondary)}.ll-form__tooltip-wrapper{margin-left:8px}.ll-form__tooltip{padding-bottom:5px!important}
+  );--menu-button-icon-hover-bg:rgba(255, 255, 255, 0.15);--collect-icon-color:var(--default-icon);--header-icon-color:rgba(255, 255, 255, 0.75);--setting-bg-color:#1f1f1f;--setting-modal-bg-color:#1f1f1f;--default-icon:rgba(255, 255, 255, 0.75);--default-icon-disable:rgba(255, 255, 255, 0.25);--scroll-color:rgba(255, 255, 255, 0.25);--detail-descriptions-label-bg-color:rgba(255, 255, 255, 0.04)//type=detail下的LlDescriptions的label背景颜色}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;width:100%}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title .ll-icon{margin-left:20px}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{margin-bottom:4px}.ant-dropdown .ant-dropdown-menu :last-child{margin-bottom:0!important}.ant-select:hover .ant-select-selector{border-color:var(--color-primary-hover)!important}.ant-select-dropdown .ant-cascader-menu-item-active,.ant-select-dropdown .ant-select-item-option-selected{color:var(--color-primary)!important}.ant-select-dropdown .ant-cascader-menu .ant-cascader-menu-item{margin-bottom:4px}.ant-select-dropdown .ant-cascader-menu :last-child{margin-bottom:0!important}.rc-virtual-list-holder-inner .ant-select-item{margin-bottom:4px}.rc-virtual-list-holder-inner :last-child{margin-bottom:0!important}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner{background-color:var(--color-primary)!important}.ll-form{width:100%}.ll-form .ant-form .ant-form-item-explain{padding-left:6px;box-sizing:border-box}.ll-form .ant-form .ant-form-item-explain .ant-form-item-explain-error{height:22px!important;line-height:22px;font-size:12px}.ll-form .ant-form .ant-form-item{margin-bottom:22px}.ll-form .ant-form .ant-form-item .ant-form-item-label{line-height:1.286!important}.ll-form .ant-form .ant-form-item .ant-form-item-label>label{height:auto}.ll-form .ant-form .ant-form-item .ant-form-item-label>label::after{display:none}.ll-form .ant-form .ant-form-item .ant-form-item-control-input{min-height:auto}.ll-form .ant-form .ant-form-item.is-label-top .ant-form-item-label{padding-bottom:8px}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{display:inline-flex;align-items:center;padding-bottom:0;margin-right:20px;flex-direction:row-reverse}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label-left{flex-direction:row}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{max-height:36px}.ll-form .ant-form .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:0 11px}.ll-form .ant-form .ant-select-single .ant-select-selector .ant-select-selection-search{inset-inline:16px 16px}.ll-form .ant-form textarea.ant-input{height:100px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper{display:flex}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number{flex:1}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon{display:flex;align-items:center;justify-content:center;width:40px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon .unit{line-height:.6;color:var(--color-text-secondary)}.ll-form__tooltip-wrapper{margin-left:8px;display:flex;align-items:center}.ll-form__tooltip{padding-bottom:5px!important}

package/theme-chalk/css/index.css

@@ -2,4 +2,4 @@
     --color-primary-hover
   );--menu-button-icon-hover-bg:rgba(0, 0, 0, 0.06);--collect-icon-color:#faad14;--header-icon-color:rgba(0, 0, 0, 0.65);--setting-bg-color:#f4f5f7;--setting-modal-bg-color:#fff;--default-icon:rgba(0, 0, 0, 0.45);--default-icon-hover:var(--color-primary-hover);--default-icon-hover-bg:rgba(0, 0, 0, 0.06);--default-icon-active:var(--color-primary-active);--default-icon-disable:rgba(0, 0, 0, 0.25);--primary-icon:var(--color-primary);--primary-icon-hover:var(--color-primary-hover);--primary-icon-active:var(--color-primary-active);--primary-icon-disabled:rgba(0, 0, 0, 0.25);--scroll-color:rgba(0, 0, 0, 0.25);--detail-descriptions-label-bg-color:#fafafa}.technology-blue{--color-primary-bg:#f0f9ff;--color-primary-bg-hover:#b5e4ff;--color-primary-border:#8cd1ff;--color-primary-border-hover:#63bcff;--color-primary-hover:#3ba3ff;--color-primary:#1187ff;--color-primary-active:#0467d9;--color-primary-text-hover:#3ba3ff;--color-primary-text:#1187ff;--color-primary-text-active:#0467d9;--color-info:#1187ff}.cyan-blue{--color-primary-bg:#f0f9ff;--color-primary-bg-hover:#ebfaf8;--color-primary-border:#dfedec;--color-primary-border-hover:#afe0de;--color-primary-hover:#83d4d2;--color-primary:#5bc5c7;--color-primary-active:#429ca1;--color-primary-text-hover:#83d4d2;--color-primary-text:#5bc5c7;--color-primary-text-active:#429ca1;--color-info:#5bc5c7;--main-bg-color:#f4f7fd}.dark{--color-primary-bg:#111d2c;--color-primary-bg-hover:#102945;--color-primary-border:#13375b;--color-primary-border-hover:#13487e;--color-primary-hover:#3795e8;--color-primary:#1176dc;--color-primary-active:#125fad;--color-primary-text-hover:#3795e8;--color-primary-text:#1176dc;--color-primary-text-active:#125fad;--dark-color-primary:#1187ff;--color-success:#49aa19;--color-warning:#d89614;--color-error:#dc4446;--color-info:#1176dc;--color-text-base:#fff;--color-text:rgba(255, 255, 255);--color-text-secondary:rgba(255, 255, 255, 0.75);--color-text-tertiary:rgba(255, 255, 255, 0.45);--color-text-quaternary:rgba(255, 255, 255, 0.25);--color-border:#424242;--color-border-secondary:#303030;--color-split:rgba(255, 255, 255, 0.12);--color-fill:rgba(255, 255, 255, 0.18);--color-fill-secondary:rgba(255, 255, 255, 0.12);--color-fill-tertiary:rgba(255, 255, 255, 0.08);--color-fill-quaternary:rgba(255, 255, 255, 0.04);--color-bg-base:#000;--color-bg-container:#141414;--color-bg-elevated:#1f1f1f;--color-bg-layout:#000;--color-bg-spotlight:#424242;--color-bg-mask:rgba(0, 0, 0, 0.45);--control-item-bg-hover:rgba(255, 255, 255, 0.15);--control-outline:rgba(238, 38, 56, 0.11);--main-bg-color:transparent;--submenu-bg-color:#141414;--menu-search-bg-color:#000;--menu-border-color:#303030;--menu-button-icon-hover:var(
     --color-primary-hover
-  );--menu-button-icon-hover-bg:rgba(255, 255, 255, 0.15);--collect-icon-color:var(--default-icon);--header-icon-color:rgba(255, 255, 255, 0.75);--setting-bg-color:#1f1f1f;--setting-modal-bg-color:#1f1f1f;--default-icon:rgba(255, 255, 255, 0.75);--default-icon-disable:rgba(255, 255, 255, 0.25);--scroll-color:rgba(255, 255, 255, 0.25);--detail-descriptions-label-bg-color:rgba(255, 255, 255, 0.04)//type=detail下的LlDescriptions的label背景颜色}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;width:100%}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title .ll-icon{margin-left:20px}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{margin-bottom:4px}.ant-dropdown .ant-dropdown-menu :last-child{margin-bottom:0!important}.ant-select:hover .ant-select-selector{border-color:var(--color-primary-hover)!important}.ant-select-dropdown .ant-cascader-menu-item-active,.ant-select-dropdown .ant-select-item-option-selected{color:var(--color-primary)!important}.ant-select-dropdown .ant-cascader-menu .ant-cascader-menu-item{margin-bottom:4px}.ant-select-dropdown .ant-cascader-menu :last-child{margin-bottom:0!important}.rc-virtual-list-holder-inner .ant-select-item{margin-bottom:4px}.rc-virtual-list-holder-inner :last-child{margin-bottom:0!important}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner{background-color:var(--color-primary)!important}.delete-modal{border-radius:20px}.delete-modal .ant-modal-content{padding:30px}.delete-modal .ant-modal-body .ant-modal-confirm-title{font-size:16px;font-weight:500;line-height:24px}.delete-modal .ant-modal-body .ant-modal-confirm-content{max-width:100%;min-width:380px;padding:58px 0 40px 0}.delete-modal .ant-modal-body .ant-modal-confirm-btns{display:flex;margin:0;justify-content:center}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn{width:70px;height:40px;line-height:38px;font-size:16px;padding:0}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn-default{margin-right:20px}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn-primary{margin:0}.ant-modal .ant-modal-header{border-top-left-radius:20px!important;border-top-right-radius:20px!important}.ant-modal .ant-modal-content{border-radius:20px!important}.ll-modal-confirm .ant-modal-confirm-title{display:inline-block!important;flex:none!important}.icon-picker-modal-wrapper .ant-modal-body,.icon-picker-modal-wrapper .ll-modal__container{height:100%;overflow:hidden!important}.confirm-modal{min-height:unset!important}.confirm-modal .ant-modal-title{color:var(--color-text-tertiary);font-weight:500;font-size:16px}.confirm-modal .ant-modal-footer{padding:22px 0 24px 0!important}.select-group-left-select-container .ant-select-item,.select-group-right-select .ant-select-item{margin-bottom:4px}.ll-table-spin-wrapper{height:100%}.ll-table-spin-wrapper .ant-spin-container{height:100%}.ll-advanced-filtering .ant-popover-content .ant-popover-inner{padding:0!important}.ll-advanced-filtering-tags{display:flex;flex-direction:column;padding:20px;min-height:100px;max-height:600px}.ll-advanced-filtering-tags--title{display:flex;justify-content:space-between;line-height:24px;height:24px;margin-bottom:13px}.ll-advanced-filtering-tags--box{display:flex;flex-wrap:wrap;margin-top:-14px}.ll-advanced-filtering-tags--tag{display:flex;padding:0 10px;height:20px;line-height:20px;background:var(--color-fill-secondary);color:var(--color-text);font-size:12px;margin-right:10px;margin-top:14px;border-radius:10px;align-items:center}.ll-advanced-filtering-tags--label{margin-right:5px;line-height:20px}.ll-advanced-filtering-tags--value{color:var(--color-primary);line-height:20px}.ll-advanced-filtering-tags--close{cursor:pointer;margin-left:5px;display:flex;align-items:center;height:20px}.ll-advanced-filtering-tags--icon{font-size:10px}.ll-advanced-filtering-tags--empty{height:50px;line-height:50px;text-align:center;font-size:14px;color:var(--color-text-quaternary)}.ll-advanced-filtering-params .ant-card-head{padding:0 20px}.ll-advanced-filtering-params .ant-card-head .ant-card-head-title{font-weight:500;color:var(--color-text)}.ll-advanced-filtering-params .ant-card-body{padding:20px;padding-right:10px}.ll-advanced-filtering-params--content{max-height:510px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding-right:10px}.ll-advanced-filtering-params--box{display:flex;flex-wrap:wrap;margin-top:-10px}.ll-advanced-filtering-params--item{padding:7px 20px;box-sizing:border-box;border:1px solid var(--color-border);cursor:pointer;border-radius:6px;margin-right:10px;margin-top:10px;line-height:20px}.ll-advanced-filtering-params--item.is-selected{color:var(--color-primary-active);border:1px solid var(--color-primary-active)}.ll-advanced-filtering-params--empty{width:100%;height:60px;display:flex;justify-content:center;align-items:center;font-size:14px;color:var(--color-text-quaternary)}.ll-avatar{display:inline-block}.ll-avatar .ant-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:border-radius .3s}.ll-avatar .ant-avatar:hover{border-radius:6px}.ll-avatar .ant-avatar .ant-avatar-string{display:flex;align-items:center;justify-content:center;height:100%}.ll-button.ant-btn-primary .ll-icon{color:inherit}.ll-button:active .ll-icon,.ll-button:hover .ll-icon{color:inherit}.ll-button__icon-left{margin-right:5px;vertical-align:-2px}.ll-button__icon-right{margin-left:5px;vertical-align:-2px}.ll-cascader__dropdown .ant-cascader-menus .ant-cascader-menu .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon{display:inline-flex;align-items:center}.ll-code-editor{height:100%;width:100%;min-height:300px}.ll-code-editor__container{height:100%;width:100%}.ll-date-picker .ant-picker-input .ant-picker-clear{display:flex;align-items:center}.ll-date-range .ant-picker-input .ant-picker-clear{display:flex;align-items:center}.ll-descriptions__detail .ant-descriptions-view tr th.ant-descriptions-item{padding-bottom:8px}.ll-descriptions__detail .ant-descriptions-view tr td.ant-descriptions-item{padding-bottom:20px}.ll-descriptions__detail .ant-descriptions-view .ant-descriptions-item-label{display:flex;align-items:center;font-size:14px;line-height:1.286;color:var(--color-text-secondary)}.ll-descriptions__detail .ant-descriptions-view .ant-descriptions-item-label::after{display:none}.ll-descriptions__detail .ant-descriptions-view .ant-descriptions-item-content{display:flex;align-items:center;height:36px;padding-left:16px;font-size:14px;background-color:var(--detail-descriptions-label-bg-color);border-radius:6px}.ll-descriptions__detail.is-horizontal .ant-descriptions-view .ant-descriptions-item-content{background-color:transparent!important}.ll-drawer .ant-drawer-body{padding:0!important}.ll-drawer .ant-drawer-header{height:56px;padding:0;padding-left:18px}.ll-drawer .ant-drawer-header .ant-drawer-header-title{height:56px}.ll-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-close{padding:0;margin-right:10px}.ll-drawer__container{display:flex;flex-direction:column;height:100%}.ll-drawer__content{box-sizing:border-box;padding:24px 50px 24px 44px;flex:1;overflow-x:hidden;overflow-y:auto;margin-right:10px}.ll-drawer__footer{position:absolute;bottom:0;left:0;display:flex;width:100%;padding:14px 40px 24px;background-color:inherit}.ll-drawer__footer.is-has-scroll{box-shadow:0 -1px 2px 0 var(--color-fill-secondary)}.ll-drawer__footer-left{flex:1}.ll-drawer--cancel{margin-right:16px}.ll-empty{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.ll-empty-inner{color:var(--color-text-secondary);text-align:center}.ll-empty-title{margin:0}.ll-form{width:100%}.ll-form .ant-form .ant-form-item-explain{padding-left:6px;box-sizing:border-box}.ll-form .ant-form .ant-form-item-explain .ant-form-item-explain-error{height:22px!important;line-height:22px;font-size:12px}.ll-form .ant-form .ant-form-item{margin-bottom:22px}.ll-form .ant-form .ant-form-item .ant-form-item-label{line-height:1.286!important}.ll-form .ant-form .ant-form-item .ant-form-item-label>label{height:auto}.ll-form .ant-form .ant-form-item .ant-form-item-label>label::after{display:none}.ll-form .ant-form .ant-form-item .ant-form-item-control-input{min-height:auto}.ll-form .ant-form .ant-form-item.is-label-top .ant-form-item-label{padding-bottom:8px}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{display:inline-flex;align-items:center;padding-bottom:0;margin-right:20px;flex-direction:row-reverse}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label-left{flex-direction:row}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{max-height:36px}.ll-form .ant-form .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:0 11px}.ll-form .ant-form .ant-select-single .ant-select-selector .ant-select-selection-search{inset-inline:16px 16px}.ll-form .ant-form textarea.ant-input{height:100px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper{display:flex}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number{flex:1}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon{display:flex;align-items:center;justify-content:center;width:40px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon .unit{line-height:.6;color:var(--color-text-secondary)}.ll-form__tooltip-wrapper{margin-left:8px}.ll-form__tooltip{padding-bottom:5px!important}.ll-icon-base{display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:22px;height:22px}.ll-icon-base--default .ll-icon{color:var(--default-icon)}.ll-icon-base--default:hover{background:var(--default-icon-hover-bg)}.ll-icon-base--default:hover .ll-icon{color:var(--default-icon-hover)}.ll-icon-base--default:active .ll-icon{color:var(--default-icon-active)}.ll-icon-base--default.is-default-disable .ll-icon{color:var(--default-icon-disable)!important}.ll-icon-base--default.is-default-disable:hover{background:0 0}.ll-icon-base--primary .ll-icon{color:var(--primary-icon)}.ll-icon-base--primary:hover{background:var(--default-icon-hover-bg)}.ll-icon-base--primary:hover .ll-icon{color:var(--primary-icon-hover)}.ll-icon-base--primary:active .ll-icon{color:var(--primary-icon-active)}.ll-icon-base--primary.is-primary-disable .ll-icon{color:var(--primary-icon-disabled)!important}.ll-icon-base--primary.is-primary-disable:hover{background:0 0}.ll-icon-base--exposed:hover{background:0 0!important}.ll-icon-base--has-text{width:auto;height:auto}.ll-icon-base__text{margin-left:4px}.ll-icon-picker-modal{padding-left:20px;height:100%;display:flex;flex-direction:column}.ll-icon-picker-modal__input-container{margin-bottom:20px}.ll-icon-picker-modal__input{width:200px}.ll-icon-picker-modal__list{overflow-y:auto;flex:1;height:calc(100% - 52px)}.ll-icon-picker-modal__space{justify-content:space-between;padding-right:12px}.ll-icon-picker-modal__button{width:62px!important;height:62px}.ll-icon-picker-modal .ant-btn.ant-btn-icon-only{display:flex;align-items:center;justify-content:center;padding:0;margin:0}.ll-icon{height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--default-icon);font-size:inherit}.ll-icon svg{height:1em;width:1em}.ll-icon__header{color:pink}.ll-icon--primary{color:green}.ll-icon--primary.is-disable{color:#ff0}.ll-input-number{display:flex}.ll-input-number__container{display:inline-flex;align-items:center;flex:1}.ll-input-number__detailed{display:inline-flex;align-items:center}.ll-input-number__amount-chinese-name{font-size:14px;line-height:20px;margin-top:4px}.ll-key-value__item{display:flex;width:100%}.ll-key-value__add{width:100%}.ll-key-value__plus{display:flex;align-items:center;justify-content:center}.ll-key-value__icon-add{margin-right:5px;color:var(--text-base)}.ll-key-value--left{flex:1}.ll-key-value--right{flex:1}.ll-key-value--separator{margin:0 16px;height:32px;display:flex;align-items:center;color:var(--color-text-tertiary)}.ll-key-value--delete{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.ll-key-value__popconfirm{width:170px}.ll-key-value__popconfirm .ant-popconfirm-inner-content .ant-popconfirm-message{margin-bottom:12px}.ll-key-value__popconfirm .ant-popconfirm-inner-content .ant-popconfirm-buttons{display:flex;justify-content:center}.ll-modal{display:flex;justify-content:center;align-items:center;height:100%!important;width:100%!important;overflow:hidden}.ll-modal .ant-modal{top:0;min-height:20%;max-height:80%;display:flex!important}.ll-modal .ant-modal .ant-modal-content{display:flex;flex-direction:column;flex:1;padding:0;overflow:visible}.ll-modal .ant-modal .ant-modal-content .ant-modal-body{flex:1;overflow:auto;position:relative;padding:20px 24px 0}.ll-modal .ant-modal .ant-modal-content .ant-modal-close{top:24px}.ll-modal .ant-modal .ant-modal-content .ant-modal-header{padding-left:30px;margin-bottom:0}.ll-modal .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title{padding-top:22px}.ll-modal .ant-modal .ant-modal-content .ant-modal-close{right:24px!important}.ll-modal .ant-modal .ant-modal-content .ant-modal-footer{position:relative;padding:20px 0 24px 0;margin-top:0;text-align:center}.ll-modal .ant-modal .ant-modal-content .ant-modal-footer .ant-btn-primary{margin-left:16px}.ll-modal__container{padding-right:36px;overflow-y:auto}.ll-modal__container.is-confirm{padding-right:56px}.ll-modal__container.is-operate{padding-right:36px}.ll-modal__container.is-upload{padding-right:0}.ll-modal.is-has-scroll .ant-modal-body{padding-right:14px!important;margin-right:10px}.ll-modal.is-has-scroll .ant-modal-footer{box-shadow:0 -1px 2px 0 var(--color-fill-secondary)}.ll-modal__sure-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 26px;margin-left:0!important}.ll-operate-icon__dropdown .ant-dropdown-menu-title-content{margin-left:0!important}.ll-operate-icon__dropdown .ant-dropdown-menu-item{padding:0!important}.ll-operate-icon__dropdown .ll-icon-base{width:100%;height:100%;padding:5px 12px}.ll-operate-icon--has-dropdown{display:flex;align-items:center}.ll-operate-icon__dropdown-container{display:inline-block;cursor:pointer}.ll-operate-tree{flex:1;margin-top:20px}.ll-operate-tree .ant-tree-iconEle.ant-tree-icon__customize{display:none!important}.ll-operate-tree .ant-tree-treenode{height:36px;padding-bottom:0!important;padding-left:10px;margin-bottom:4px}.ll-operate-tree .ant-tree-treenode::before{height:36px;max-height:36px;border-radius:6px}.ll-operate-tree .ant-tree-treenode .ant-tree-title{display:flex;flex:1;justify-content:space-between}.ll-operate-tree .ant-tree-treenode .ant-tree-node-content-wrapper{display:flex;align-items:center;width:100%;height:100%;padding-left:10px}.ll-operate-tree .ant-tree-treenode:hover::before{background-color:var(--control-item-bg-hover)}.ll-operate-tree .ant-tree-treenode .ant-tree-switcher.ant-tree-switcher-noop{display:none}.ll-operate-tree .ant-tree-treenode .ant-tree-switcher{display:flex;align-items:center;width:14px}.ll-operate-tree .ant-tree-treenode .ant-tree-switcher .anticon{font-size:18px;color:var(--color-text-tertiary)}.ll-operate-tree .ant-tree-treenode .ant-tree-switcher svg{width:14px;height:14px;color:var(--default-icon)}.ll-operate-tree .ant-tree-treenode-selected::before{background:var(--color-primary-bg)!important;border-radius:6px}.ll-operate-tree .ant-tree-treenode-selected .ant-tree-title{flex:1;color:var(--color-text)}.ll-operate-tree__icon{margin-right:10px}.ll-operate-tree__title{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px}.ll-operate-tree__title :nth-child(1){display:inline-flex;align-items:center}.ll-operate-tree__title:hover .ll-operate-tree__operate{display:flex;align-items:center;justify-content:space-between}.ll-operate-tree__operate.is-open{display:flex;align-items:center;justify-content:space-between}.ll-operate-tree__operate.is-close{display:none}.ll-second-confirmation__warpper{margin-left:10px;margin-top:10px;padding-bottom:8px}.ll-second-confirmation__container{display:flex;align-items:center}.ll-second-confirmation__text{color:var(--color-text);font-size:18px;margin-left:5px;line-height:1}.ll-select-group{display:flex;flex:1;justify-content:flex-end;width:100%}.ll-select-group-container{min-width:300px}.ll-select-group-container .ant-select{border:none!important}.ll-select-group-container .ant-select .ant-select-selection-item{line-height:34px}.ll-select-group-container .ant-select .ant-select-selection-placeholder{line-height:34px}.ll-select-group-container .ant-input-group{display:flex;justify-content:flex-end;height:36px}.ll-select-group-container .ant-input-group .ant-select-selector{height:100%}.ll-table{display:flex;position:relative;flex-direction:column;justify-content:space-between;height:100%}.ll-table--fixed-height{flex:1;height:calc(100% - 126px)}.ll-table--fixed-height .ant-table-wrapper{height:100%}.ll-table--fixed-height .ant-table-wrapper .ant-spin-container,.ll-table--fixed-height .ant-table-wrapper .ant-spin-nested-loading,.ll-table--fixed-height .ant-table-wrapper .ant-table,.ll-table--fixed-height .ant-table-wrapper .ant-table-content{height:100%}.ll-table--fixed-height .ant-table-wrapper .ant-table-container{display:flex;flex-direction:column;justify-content:space-between;height:100%}.ll-table--fixed-height .ant-table-wrapper .ant-table-body{flex:1}.ll-table--empty table{height:100%}.ll-table--empty table .ant-table-tbody{height:100%}.ll-table--empty table .ant-table-placeholder{height:100%}.ll-table--empty table .ant-table-placeholder .ant-table-cell{border:none!important}.ll-table__header-wrapper{margin-bottom:20px}.ll-table__header{display:flex;justify-content:space-between;align-items:center}.ll-table__header-right{display:flex;justify-content:space-between;align-items:center}.ll-table__header-menu-icon{display:flex;align-items:center}.ll-table__header-menu-icon:hover{border-color:var(--radio-hover-border-color)}.ll-table__header-menu-icon:hover .ll-icon{color:var(--radio-hover-color)}.ll-table__header-menu-radio-group{height:36px;display:flex;margin-left:20px}.ll-table__header-menu-radio-group .ant-radio-button-wrapper{display:flex;align-items:center;height:100%;padding:0 12px}.ll-table__header-menu-radio-group .ant-radio-button-wrapper :nth-child(2){display:flex;align-items:center}.ll-table__header-menu-radio-group .ant-radio-button-wrapper-checked{border-color:var(--radio-active-border-color)}.ll-table__header-menu-radio-group .ant-radio-button-wrapper-checked .svg-icon{color:var(--radio-active-color)}.ll-table__main-content .table-serial-number-cell{width:50px}.ll-table__main-content table{table-layout:fixed}.ll-table__main-content table .ant-table-tbody .ant-table-cell{color:var(--color-text-base)}.ll-table__main-content .table-operate-cell{width:120px}.ll-table__operate{display:flex;align-items:center}.ll-table__setting-icon{display:flex;align-items:center;justify-content:center;width:36px;padding:0;margin-left:20px;background-color:transparent;border:none}.ll-table__setting-popover{display:flex;flex-direction:column;width:280px}.ll-table__setting-popover .ant-checkbox{margin-right:2px}.ll-table__setting-popover-header{display:flex;align-items:center;justify-content:space-between;padding:12px 17px 12px 42px;border-bottom:1px solid var(--color-fill-secondary)}.ll-table__setting-reset-btn{color:var(--color-primary);cursor:pointer}.ll-table__setting-popover-content{flex:1;padding:0 0 10px;overflow:hidden;border-bottom:1px solid var(--color-fill-secondary)}.ll-table__setting-popover-content>div{height:100%;max-height:250px;padding:0 10px;overflow-y:auto}.ll-table__setting-popover-content>div>div{padding-top:10px}.ll-table__setting-popover-menu{display:flex;align-items:center;justify-content:space-between;height:34px}.ll-table__setting-popover-menu:hover{background:#f4f4f4;border-radius:6px}.ll-table__setting-popover-menu .ant-divider{margin:0 5px;background-color:var(--color-fill-secondary)}.ll-table__setting-popover-menu button:hover{background-color:transparent!important}.ll-table__setting-popover-menu-left{display:flex;align-items:center}.ll-table__setting-popover-menu-right{display:flex;align-items:center}.ll-table__setting-popover-menu-fixed-icon{color:var(--color-primary-active)!important}.ll-table__setting-popover-menu-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0;text-align:center;border-radius:2px!important}.ll-table__setting-popover-menu-icon .icon{color:var(--color-primary)}.ll-table__setting-popover-menu-icon:hover .icon{color:var(--color-primary-hover)}.ll-table__setting-popover-menu-icon:active .icon{color:var(--color-primary-active)}.ll-table__pagination{display:flex;align-items:center;justify-content:flex-end;height:50px}.ll-table__pagination .ant-pagination-total-text{line-height:32px}.ll-tabs-simple{display:flex}.ll-tabs-simple__tabpane{position:relative;height:24px;margin-right:50px;font-size:14px;font-weight:400;color:var(--color-text-secondary);cursor:pointer;transition:all .3s}.ll-tabs-simple__tabpane::after{position:absolute;bottom:0;left:50%;display:block;width:20px;height:2px;margin-left:-10px;content:"";background:0 0;border-radius:1px;transition:all .3s}.ll-tabs-simple__tabpane.is-actived{font-weight:500;color:var(--color-text)}.ll-tabs-simple__tabpane.is-actived::after{background:var(--color-text)}.ll-textarea .ant-input-textarea-show-count::after{position:absolute;bottom:0;right:5px;font-size:12px;margin-top:4px}.ll-time-picker .ant-picker-input .ant-picker-clear{display:flex;align-items:center}.ll-time-range .ant-picker-input .ant-picker-clear{display:flex;align-items:center}.ll-tooltip{display:inline-block}.ll-tree-search{display:flex;flex-direction:column;height:100%;background:var(--color-bg-container);border-radius:8px 0 0 8px}.ll-tree-search__header{display:flex;align-items:center}.ll-tree-search__header-icon{color:var(--color-text-tertiary)}.ll-tree-search__header-button{display:flex;align-items:center;margin-left:20px}.ll-tree-search__directory-title{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:var(--color-text-base)}.ll-tree-search__directory-title-container{display:flex;align-items:center}.ll-tree-search__directory-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:29px;height:29px;padding:0;margin:0;line-height:29px;text-align:center}.ll-tree-search__directory-text{margin-left:10px}.ll-tree-search__directory-icon{font-size:20px;color:var(--default-icon)}
+  );--menu-button-icon-hover-bg:rgba(255, 255, 255, 0.15);--collect-icon-color:var(--default-icon);--header-icon-color:rgba(255, 255, 255, 0.75);--setting-bg-color:#1f1f1f;--setting-modal-bg-color:#1f1f1f;--default-icon:rgba(255, 255, 255, 0.75);--default-icon-disable:rgba(255, 255, 255, 0.25);--scroll-color:rgba(255, 255, 255, 0.25);--detail-descriptions-label-bg-color:rgba(255, 255, 255, 0.04)//type=detail下的LlDescriptions的label背景颜色}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;width:100%}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title .ll-icon{margin-left:20px}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{margin-bottom:4px}.ant-dropdown .ant-dropdown-menu :last-child{margin-bottom:0!important}.ant-select:hover .ant-select-selector{border-color:var(--color-primary-hover)!important}.ant-select-dropdown .ant-cascader-menu-item-active,.ant-select-dropdown .ant-select-item-option-selected{color:var(--color-primary)!important}.ant-select-dropdown .ant-cascader-menu .ant-cascader-menu-item{margin-bottom:4px}.ant-select-dropdown .ant-cascader-menu :last-child{margin-bottom:0!important}.rc-virtual-list-holder-inner .ant-select-item{margin-bottom:4px}.rc-virtual-list-holder-inner :last-child{margin-bottom:0!important}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner{background-color:var(--color-primary)!important}.delete-modal{border-radius:20px}.delete-modal .ant-modal-content{padding:30px}.delete-modal .ant-modal-body .ant-modal-confirm-title{font-size:16px;font-weight:500;line-height:24px}.delete-modal .ant-modal-body .ant-modal-confirm-content{max-width:100%;min-width:380px;padding:58px 0 40px 0}.delete-modal .ant-modal-body .ant-modal-confirm-btns{display:flex;margin:0;justify-content:center}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn{width:70px;height:40px;line-height:38px;font-size:16px;padding:0}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn-default{margin-right:20px}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn-primary{margin:0}.ant-modal .ant-modal-header{border-top-left-radius:20px!important;border-top-right-radius:20px!important}.ant-modal .ant-modal-content{border-radius:20px!important}.ll-modal-confirm .ant-modal-confirm-title{display:inline-block!important;flex:none!important}.icon-picker-modal-wrapper .ant-modal-body,.icon-picker-modal-wrapper .ll-modal__container{height:100%;overflow:hidden!important}.confirm-modal{min-height:unset!important}.confirm-modal .ant-modal-title{color:var(--color-text-tertiary);font-weight:500;font-size:16px}.confirm-modal .ant-modal-footer{padding:22px 0 24px 0!important}.select-group-left-select-container .ant-select-item,.select-group-right-select .ant-select-item{margin-bottom:4px}.ll-table-spin-wrapper{height:100%}.ll-table-spin-wrapper .ant-spin-container{height:100%}.ll-advanced-filtering .ant-popover-content .ant-popover-inner{padding:0!important}.ll-advanced-filtering-tags{display:flex;flex-direction:column;padding:20px;min-height:100px;max-height:600px}.ll-advanced-filtering-tags--title{display:flex;justify-content:space-between;line-height:24px;height:24px;margin-bottom:13px}.ll-advanced-filtering-tags--box{display:flex;flex-wrap:wrap;margin-top:-14px}.ll-advanced-filtering-tags--tag{display:flex;padding:0 10px;height:20px;line-height:20px;background:var(--color-fill-secondary);color:var(--color-text);font-size:12px;margin-right:10px;margin-top:14px;border-radius:10px;align-items:center}.ll-advanced-filtering-tags--label{margin-right:5px;line-height:20px}.ll-advanced-filtering-tags--value{color:var(--color-primary);line-height:20px}.ll-advanced-filtering-tags--close{cursor:pointer;margin-left:5px;display:flex;align-items:center;height:20px}.ll-advanced-filtering-tags--icon{font-size:10px}.ll-advanced-filtering-tags--empty{height:50px;line-height:50px;text-align:center;font-size:14px;color:var(--color-text-quaternary)}.ll-advanced-filtering-params .ant-card-head{padding:0 20px}.ll-advanced-filtering-params .ant-card-head .ant-card-head-title{font-weight:500;color:var(--color-text)}.ll-advanced-filtering-params .ant-card-body{padding:20px;padding-right:10px}.ll-advanced-filtering-params--content{max-height:510px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding-right:10px}.ll-advanced-filtering-params--box{display:flex;flex-wrap:wrap;margin-top:-10px}.ll-advanced-filtering-params--item{padding:7px 20px;box-sizing:border-box;border:1px solid var(--color-border);cursor:pointer;border-radius:6px;margin-right:10px;margin-top:10px;line-height:20px}.ll-advanced-filtering-params--item.is-selected{color:var(--color-primary-active);border:1px solid var(--color-primary-active)}.ll-advanced-filtering-params--empty{width:100%;height:60px;display:flex;justify-content:center;align-items:center;font-size:14px;color:var(--color-text-quaternary)}.ll-avatar{display:inline-block}.ll-avatar .ant-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:border-radius .3s}.ll-avatar .ant-avatar:hover{border-radius:6px}.ll-avatar .ant-avatar .ant-avatar-string{display:flex;align-items:center;justify-content:center;height:100%}.ll-button.ant-btn-primary .ll-icon{color:inherit}.ll-button:active .ll-icon,.ll-button:hover .ll-icon{color:inherit}.ll-button__icon-left{margin-right:5px;vertical-align:-2px}.ll-button__icon-right{margin-left:5px;vertical-align:-2px}.ll-cascader__dropdown .ant-cascader-menus .ant-cascader-menu .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon{display:inline-flex;align-items:center}.ll-code-editor{height:100%;width:100%;min-height:300px}.ll-code-editor__container{height:100%;width:100%}.ll-date-picker .ant-picker-input .ant-picker-clear{display:flex;align-items:center}.ll-date-range .ant-picker-input .ant-picker-clear{display:flex;align-items:center}.ll-descriptions__detail .ant-descriptions-view tr th.ant-descriptions-item{padding-bottom:8px}.ll-descriptions__detail .ant-descriptions-view tr td.ant-descriptions-item{padding-bottom:20px}.ll-descriptions__detail .ant-descriptions-view .ant-descriptions-item-label{display:flex;align-items:center;font-size:14px;line-height:1.286;color:var(--color-text-secondary)}.ll-descriptions__detail .ant-descriptions-view .ant-descriptions-item-label::after{display:none}.ll-descriptions__detail .ant-descriptions-view .ant-descriptions-item-content{display:flex;align-items:center;height:36px;padding-left:16px;font-size:14px;background-color:var(--detail-descriptions-label-bg-color);border-radius:6px}.ll-descriptions__detail.is-horizontal .ant-descriptions-view .ant-descriptions-item-content{background-color:transparent!important}.ll-drawer .ant-drawer-body{padding:0!important}.ll-drawer .ant-drawer-header{height:56px;padding:0;padding-left:18px}.ll-drawer .ant-drawer-header .ant-drawer-header-title{height:56px}.ll-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-close{padding:0;margin-right:10px}.ll-drawer__container{display:flex;flex-direction:column;height:100%}.ll-drawer__content{box-sizing:border-box;padding:24px 50px 24px 44px;flex:1;overflow-x:hidden;overflow-y:auto;margin-right:10px}.ll-drawer__footer{position:absolute;bottom:0;left:0;display:flex;width:100%;padding:14px 40px 24px;background-color:inherit}.ll-drawer__footer.is-has-scroll{box-shadow:0 -1px 2px 0 var(--color-fill-secondary)}.ll-drawer__footer-left{flex:1}.ll-drawer--cancel{margin-right:16px}.ll-empty{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.ll-empty-inner{color:var(--color-text-secondary);text-align:center}.ll-empty-title{margin:0}.ll-form{width:100%}.ll-form .ant-form .ant-form-item-explain{padding-left:6px;box-sizing:border-box}.ll-form .ant-form .ant-form-item-explain .ant-form-item-explain-error{height:22px!important;line-height:22px;font-size:12px}.ll-form .ant-form .ant-form-item{margin-bottom:22px}.ll-form .ant-form .ant-form-item .ant-form-item-label{line-height:1.286!important}.ll-form .ant-form .ant-form-item .ant-form-item-label>label{height:auto}.ll-form .ant-form .ant-form-item .ant-form-item-label>label::after{display:none}.ll-form .ant-form .ant-form-item .ant-form-item-control-input{min-height:auto}.ll-form .ant-form .ant-form-item.is-label-top .ant-form-item-label{padding-bottom:8px}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{display:inline-flex;align-items:center;padding-bottom:0;margin-right:20px;flex-direction:row-reverse}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label-left{flex-direction:row}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{max-height:36px}.ll-form .ant-form .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:0 11px}.ll-form .ant-form .ant-select-single .ant-select-selector .ant-select-selection-search{inset-inline:16px 16px}.ll-form .ant-form textarea.ant-input{height:100px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper{display:flex}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number{flex:1}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon{display:flex;align-items:center;justify-content:center;width:40px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon .unit{line-height:.6;color:var(--color-text-secondary)}.ll-form__tooltip-wrapper{margin-left:8px;display:flex;align-items:center}.ll-form__tooltip{padding-bottom:5px!important}.ll-icon-base{display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:22px;height:22px}.ll-icon-base--default .ll-icon{color:var(--default-icon)}.ll-icon-base--default:hover{background:var(--default-icon-hover-bg)}.ll-icon-base--default:hover .ll-icon{color:var(--default-icon-hover)}.ll-icon-base--default:active .ll-icon{color:var(--default-icon-active)}.ll-icon-base--default.is-default-disable .ll-icon{color:var(--default-icon-disable)!important}.ll-icon-base--default.is-default-disable:hover{background:0 0}.ll-icon-base--primary .ll-icon{color:var(--primary-icon)}.ll-icon-base--primary:hover{background:var(--default-icon-hover-bg)}.ll-icon-base--primary:hover .ll-icon{color:var(--primary-icon-hover)}.ll-icon-base--primary:active .ll-icon{color:var(--primary-icon-active)}.ll-icon-base--primary.is-primary-disable .ll-icon{color:var(--primary-icon-disabled)!important}.ll-icon-base--primary.is-primary-disable:hover{background:0 0}.ll-icon-base--exposed:hover{background:0 0!important}.ll-icon-base--has-text{width:auto;height:auto}.ll-icon-base__text{margin-left:4px}.ll-icon-picker-modal{padding-left:20px;height:100%;display:flex;flex-direction:column}.ll-icon-picker-modal__input-container{margin-bottom:20px}.ll-icon-picker-modal__input{width:200px}.ll-icon-picker-modal__list{overflow-y:auto;flex:1;height:calc(100% - 52px)}.ll-icon-picker-modal__space{justify-content:space-between;padding-right:12px}.ll-icon-picker-modal__button{width:62px!important;height:62px}.ll-icon-picker-modal .ant-btn.ant-btn-icon-only{display:flex;align-items:center;justify-content:center;padding:0;margin:0}.ll-icon{height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--default-icon);font-size:inherit}.ll-icon svg{height:1em;width:1em}.ll-icon__header{color:pink}.ll-icon--primary{color:green}.ll-icon--primary.is-disable{color:#ff0}.ll-input-number{display:flex}.ll-input-number__container{display:inline-flex;align-items:center;flex:1}.ll-input-number__detailed{display:inline-flex;align-items:center}.ll-input-number__amount-chinese-name{font-size:14px;line-height:20px;margin-top:4px}.ll-key-value__item{display:flex;width:100%}.ll-key-value__add{width:100%}.ll-key-value__plus{display:flex;align-items:center;justify-content:center}.ll-key-value__icon-add{margin-right:5px;color:var(--text-base)}.ll-key-value--left{flex:1}.ll-key-value--right{flex:1}.ll-key-value--separator{margin:0 16px;height:32px;display:flex;align-items:center;color:var(--color-text-tertiary)}.ll-key-value--delete{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.ll-key-value__popconfirm{width:170px}.ll-key-value__popconfirm .ant-popconfirm-inner-content .ant-popconfirm-message{margin-bottom:12px}.ll-key-value__popconfirm .ant-popconfirm-inner-content .ant-popconfirm-buttons{display:flex;justify-content:center}.ll-modal{display:flex;justify-content:center;align-items:center;height:100%!important;width:100%!important;overflow:hidden}.ll-modal .ant-modal{top:0;min-height:20%;max-height:80%;display:flex!important}.ll-modal .ant-modal .ant-modal-content{display:flex;flex-direction:column;flex:1;padding:0;overflow:visible}.ll-modal .ant-modal .ant-modal-content .ant-modal-body{flex:1;overflow:auto;position:relative;padding:20px 24px 0}.ll-modal .ant-modal .ant-modal-content .ant-modal-close{top:24px}.ll-modal .ant-modal .ant-modal-content .ant-modal-header{padding-left:30px;margin-bottom:0}.ll-modal .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title{padding-top:22px}.ll-modal .ant-modal .ant-modal-content .ant-modal-close{right:24px!important}.ll-modal .ant-modal .ant-modal-content .ant-modal-footer{position:relative;padding:20px 0 24px 0;margin-top:0;text-align:center}.ll-modal .ant-modal .ant-modal-content .ant-modal-footer .ant-btn-primary{margin-left:16px}.ll-modal__container{padding-right:36px;overflow-y:auto}.ll-modal__container.is-confirm{padding-right:56px}.ll-modal__container.is-operate{padding-right:36px}.ll-modal__container.is-upload{padding-right:0}.ll-modal.is-has-scroll .ant-modal-body{padding-right:14px!important;margin-right:10px}.ll-modal.is-has-scroll .ant-modal-footer{box-shadow:0 -1px 2px 0 var(--color-fill-secondary)}.ll-modal__sure-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 26px;margin-left:0!important}.ll-operate-icon__dropdown .ant-dropdown-menu-title-content{margin-left:0!important}.ll-operate-icon__dropdown .ant-dropdown-menu-item{padding:0!important}.ll-operate-icon__dropdown .ll-icon-base{width:100%;height:100%;padding:5px 12px}.ll-operate-icon--has-dropdown{display:flex;align-items:center}.ll-operate-icon__dropdown-container{display:inline-block;cursor:pointer}.ll-operate-tree{flex:1;margin-top:20px}.ll-operate-tree .ant-tree-iconEle.ant-tree-icon__customize{display:none!important}.ll-operate-tree .ant-tree-treenode{height:36px;padding-bottom:0!important;padding-left:10px;margin-bottom:4px}.ll-operate-tree .ant-tree-treenode::before{height:36px;max-height:36px;border-radius:6px}.ll-operate-tree .ant-tree-treenode .ant-tree-title{display:flex;flex:1;justify-content:space-between}.ll-operate-tree .ant-tree-treenode .ant-tree-node-content-wrapper{display:flex;align-items:center;width:100%;height:100%;padding-left:10px}.ll-operate-tree .ant-tree-treenode:hover::before{background-color:var(--control-item-bg-hover)}.ll-operate-tree .ant-tree-treenode .ant-tree-switcher.ant-tree-switcher-noop{display:none}.ll-operate-tree .ant-tree-treenode .ant-tree-switcher{display:flex;align-items:center;width:14px}.ll-operate-tree .ant-tree-treenode .ant-tree-switcher .anticon{font-size:18px;color:var(--color-text-tertiary)}.ll-operate-tree .ant-tree-treenode .ant-tree-switcher svg{width:14px;height:14px;color:var(--default-icon)}.ll-operate-tree .ant-tree-treenode-selected::before{background:var(--color-primary-bg)!important;border-radius:6px}.ll-operate-tree .ant-tree-treenode-selected .ant-tree-title{flex:1;color:var(--color-text)}.ll-operate-tree__icon{margin-right:10px}.ll-operate-tree__title{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px}.ll-operate-tree__title :nth-child(1){display:inline-flex;align-items:center}.ll-operate-tree__title:hover .ll-operate-tree__operate{display:flex;align-items:center;justify-content:space-between}.ll-operate-tree__operate.is-open{display:flex;align-items:center;justify-content:space-between}.ll-operate-tree__operate.is-close{display:none}.ll-second-confirmation__warpper{margin-left:10px;margin-top:10px;padding-bottom:8px}.ll-second-confirmation__container{display:flex;align-items:center}.ll-second-confirmation__text{color:var(--color-text);font-size:18px;margin-left:5px;line-height:1}.ll-select-group{display:flex;flex:1;justify-content:flex-end;width:100%}.ll-select-group-container{min-width:300px}.ll-select-group-container .ant-select{border:none!important}.ll-select-group-container .ant-select .ant-select-selection-item{line-height:34px}.ll-select-group-container .ant-select .ant-select-selection-placeholder{line-height:34px}.ll-select-group-container .ant-input-group{display:flex;justify-content:flex-end;height:36px}.ll-select-group-container .ant-input-group .ant-select-selector{height:100%}.ll-table{display:flex;position:relative;flex-direction:column;justify-content:space-between;height:100%}.ll-table--fixed-height{flex:1;height:calc(100% - 126px)}.ll-table--fixed-height .ant-table-wrapper{height:100%}.ll-table--fixed-height .ant-table-wrapper .ant-spin-container,.ll-table--fixed-height .ant-table-wrapper .ant-spin-nested-loading,.ll-table--fixed-height .ant-table-wrapper .ant-table,.ll-table--fixed-height .ant-table-wrapper .ant-table-content{height:100%}.ll-table--fixed-height .ant-table-wrapper .ant-table-container{display:flex;flex-direction:column;justify-content:space-between;height:100%}.ll-table--fixed-height .ant-table-wrapper .ant-table-body{flex:1}.ll-table--empty table{height:100%}.ll-table--empty table .ant-table-tbody{height:100%}.ll-table--empty table .ant-table-placeholder{height:100%}.ll-table--empty table .ant-table-placeholder .ant-table-cell{border:none!important}.ll-table__header-wrapper{margin-bottom:20px}.ll-table__header{display:flex;justify-content:space-between;align-items:center}.ll-table__header-right{display:flex;justify-content:space-between;align-items:center}.ll-table__header-menu-icon{display:flex;align-items:center}.ll-table__header-menu-icon:hover{border-color:var(--radio-hover-border-color)}.ll-table__header-menu-icon:hover .ll-icon{color:var(--radio-hover-color)}.ll-table__header-menu-radio-group{height:36px;display:flex;margin-left:20px}.ll-table__header-menu-radio-group .ant-radio-button-wrapper{display:flex;align-items:center;height:100%;padding:0 12px}.ll-table__header-menu-radio-group .ant-radio-button-wrapper :nth-child(2){display:flex;align-items:center}.ll-table__header-menu-radio-group .ant-radio-button-wrapper-checked{border-color:var(--radio-active-border-color)}.ll-table__header-menu-radio-group .ant-radio-button-wrapper-checked .svg-icon{color:var(--radio-active-color)}.ll-table__main-content .table-serial-number-cell{width:50px}.ll-table__main-content table{table-layout:fixed}.ll-table__main-content table .ant-table-tbody .ant-table-cell{color:var(--color-text-base)}.ll-table__main-content .table-operate-cell{width:120px}.ll-table__operate{display:flex;align-items:center}.ll-table__setting-icon{display:flex;align-items:center;justify-content:center;width:36px;padding:0;margin-left:20px;background-color:transparent;border:none}.ll-table__setting-popover{display:flex;flex-direction:column;width:280px}.ll-table__setting-popover .ant-checkbox{margin-right:2px}.ll-table__setting-popover-header{display:flex;align-items:center;justify-content:space-between;padding:12px 17px 12px 42px;border-bottom:1px solid var(--color-fill-secondary)}.ll-table__setting-reset-btn{color:var(--color-primary);cursor:pointer}.ll-table__setting-popover-content{flex:1;padding:0 0 10px;overflow:hidden;border-bottom:1px solid var(--color-fill-secondary)}.ll-table__setting-popover-content>div{height:100%;max-height:250px;padding:0 10px;overflow-y:auto}.ll-table__setting-popover-content>div>div{padding-top:10px}.ll-table__setting-popover-menu{display:flex;align-items:center;justify-content:space-between;height:34px}.ll-table__setting-popover-menu:hover{background:#f4f4f4;border-radius:6px}.ll-table__setting-popover-menu .ant-divider{margin:0 5px;background-color:var(--color-fill-secondary)}.ll-table__setting-popover-menu button:hover{background-color:transparent!important}.ll-table__setting-popover-menu-left{display:flex;align-items:center}.ll-table__setting-popover-menu-right{display:flex;align-items:center}.ll-table__setting-popover-menu-fixed-icon{color:var(--color-primary-active)!important}.ll-table__setting-popover-menu-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0;text-align:center;border-radius:2px!important}.ll-table__setting-popover-menu-icon .icon{color:var(--color-primary)}.ll-table__setting-popover-menu-icon:hover .icon{color:var(--color-primary-hover)}.ll-table__setting-popover-menu-icon:active .icon{color:var(--color-primary-active)}.ll-table__pagination{display:flex;align-items:center;justify-content:flex-end;height:50px}.ll-table__pagination .ant-pagination-total-text{line-height:32px}.ll-tabs-simple{display:flex}.ll-tabs-simple__tabpane{position:relative;height:24px;margin-right:50px;font-size:14px;font-weight:400;color:var(--color-text-secondary);cursor:pointer;transition:all .3s}.ll-tabs-simple__tabpane::after{position:absolute;bottom:0;left:50%;display:block;width:20px;height:2px;margin-left:-10px;content:"";background:0 0;border-radius:1px;transition:all .3s}.ll-tabs-simple__tabpane.is-actived{font-weight:500;color:var(--color-text)}.ll-tabs-simple__tabpane.is-actived::after{background:var(--color-text)}.ll-tag-group{display:flex;width:100%;overflow:hidden;position:relative}.ll-tag-group__tag-container{overflow:hidden;display:flex;flex-wrap:wrap;height:30px}.ll-tag-group--item{display:flex;height:30px;line-height:30px;background:var(--color-fill-secondary);align-items:center;padding:0 15px;margin-right:10px;border-radius:18px}.ll-tag-group--item.is-hidden{opacity:0;order:4;height:0;overflow-y:hidden;pointer-events:none;position:absolute}.ll-tag-group--text{font-weight:400;margin-right:10px;font-size:14px;color:var(--color-text)}.ll-tag-group--close{cursor:pointer;display:flex;align-items:center}.ll-tag-group--close-icon{font-size:14px}.ll-tag-group__add-container{display:flex}.ll-tag-group--more{display:flex;justify-content:center;align-items:center;background:var(--color-fill-secondary);color:var(--color-text);height:30px;width:50px;border-radius:18px;margin-right:10px}.ll-tag-group--add-item{display:flex;justify-content:center;align-items:center;border-radius:6px;cursor:pointer;height:30px;width:30px;box-sizing:border-box;border:1px solid var(--color-border)}.ll-tag-group--add-item.is-active{transition:.3s all;border:1px solid var(--color-primary)}.ll-tag-group--add-item.is-active .ll-icon use{fill:var(--color-primary)}.ll-tag-group--add-item--add-icon{font-size:16px}.ll-tag-group__popover .ant-popover-inner{padding:20px}.ll-tag-group--select-box{margin:0;margin-top:10px;max-height:180px;padding:0;overflow-y:auto}.ll-tag-group--select-item{display:flex;justify-content:space-between;align-items:center;height:36x;line-height:36px;cursor:pointer;padding-right:5px}.ll-tag-group--select-text{flex:1;margin:0 5px 0 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-tag-group--select-check{font-size:14px}.ll-textarea .ant-input-textarea-show-count::after{position:absolute;bottom:0;right:5px;font-size:12px;margin-top:4px}.ll-time-picker .ant-picker-input .ant-picker-clear{display:flex;align-items:center}.ll-time-range .ant-picker-input .ant-picker-clear{display:flex;align-items:center}.ll-tooltip{display:inline-block}.ll-tree-search{display:flex;flex-direction:column;height:100%;background:var(--color-bg-container);border-radius:8px 0 0 8px}.ll-tree-search__header{display:flex;align-items:center}.ll-tree-search__header-icon{color:var(--color-text-tertiary)}.ll-tree-search__header-button{display:flex;align-items:center;margin-left:20px}.ll-tree-search__directory-title{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:var(--color-text-base)}.ll-tree-search__directory-title-container{display:flex;align-items:center}.ll-tree-search__directory-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:29px;height:29px;padding:0;margin:0;line-height:29px;text-align:center}.ll-tree-search__directory-text{margin-left:10px}.ll-tree-search__directory-icon{font-size:20px;color:var(--default-icon)}

package/theme-chalk/css/tag-group.css

@@ -0,0 +1,5 @@
+@charset "UTF-8";:root{--color-success:#52c41a;--color-warning:#faad14;--color-error:#ff4d4f;--color-info:#1187ff;--color-text-base:#000;--color-text:rgba(0, 0, 0, 0.88);--color-text-secondary:rgba(0, 0, 0, 0.65);--color-text-tertiary:rgba(0, 0, 0, 0.45);--color-text-quaternary:rgba(0, 0, 0, 0.25);--color-border:#d9d9d9;--color-border-secondary:#f0f0f0;--color-split:rgba(0, 0, 0, 0.06);--color-fill:rgba(0, 0, 0, 0.15);--color-fill-secondary:rgba(0, 0, 0, 0.06);--color-fill-tertiary:rgba(0, 0, 0, 0.04);--color-fill-quaternary:rgba(0, 0, 0, 0.02);--color-bg-base:#fff;--color-bg-container:#fff;--color-bg-elevated:#fff;--color-bg-layout:#f5f5f5;--color-bg-spotlight:rgba(0, 0, 0, 0.85);--color-bg-mask:rgba(0, 0, 0, 0.45);--control-item-bg-hover:#f4f4f4;--control-outline:rgba(238, 38, 5, 0.06);--main-bg-color:#f4f7fd;--submenu-bg-color:#fff;--menu-search-bg-color:#f6f6f6;--menu-border-color:#f0f0f0;--menu-button-icon-hover:var(
+    --color-primary-hover
+  );--menu-button-icon-hover-bg:rgba(0, 0, 0, 0.06);--collect-icon-color:#faad14;--header-icon-color:rgba(0, 0, 0, 0.65);--setting-bg-color:#f4f5f7;--setting-modal-bg-color:#fff;--default-icon:rgba(0, 0, 0, 0.45);--default-icon-hover:var(--color-primary-hover);--default-icon-hover-bg:rgba(0, 0, 0, 0.06);--default-icon-active:var(--color-primary-active);--default-icon-disable:rgba(0, 0, 0, 0.25);--primary-icon:var(--color-primary);--primary-icon-hover:var(--color-primary-hover);--primary-icon-active:var(--color-primary-active);--primary-icon-disabled:rgba(0, 0, 0, 0.25);--scroll-color:rgba(0, 0, 0, 0.25);--detail-descriptions-label-bg-color:#fafafa}.technology-blue{--color-primary-bg:#f0f9ff;--color-primary-bg-hover:#b5e4ff;--color-primary-border:#8cd1ff;--color-primary-border-hover:#63bcff;--color-primary-hover:#3ba3ff;--color-primary:#1187ff;--color-primary-active:#0467d9;--color-primary-text-hover:#3ba3ff;--color-primary-text:#1187ff;--color-primary-text-active:#0467d9;--color-info:#1187ff}.cyan-blue{--color-primary-bg:#f0f9ff;--color-primary-bg-hover:#ebfaf8;--color-primary-border:#dfedec;--color-primary-border-hover:#afe0de;--color-primary-hover:#83d4d2;--color-primary:#5bc5c7;--color-primary-active:#429ca1;--color-primary-text-hover:#83d4d2;--color-primary-text:#5bc5c7;--color-primary-text-active:#429ca1;--color-info:#5bc5c7;--main-bg-color:#f4f7fd}.dark{--color-primary-bg:#111d2c;--color-primary-bg-hover:#102945;--color-primary-border:#13375b;--color-primary-border-hover:#13487e;--color-primary-hover:#3795e8;--color-primary:#1176dc;--color-primary-active:#125fad;--color-primary-text-hover:#3795e8;--color-primary-text:#1176dc;--color-primary-text-active:#125fad;--dark-color-primary:#1187ff;--color-success:#49aa19;--color-warning:#d89614;--color-error:#dc4446;--color-info:#1176dc;--color-text-base:#fff;--color-text:rgba(255, 255, 255);--color-text-secondary:rgba(255, 255, 255, 0.75);--color-text-tertiary:rgba(255, 255, 255, 0.45);--color-text-quaternary:rgba(255, 255, 255, 0.25);--color-border:#424242;--color-border-secondary:#303030;--color-split:rgba(255, 255, 255, 0.12);--color-fill:rgba(255, 255, 255, 0.18);--color-fill-secondary:rgba(255, 255, 255, 0.12);--color-fill-tertiary:rgba(255, 255, 255, 0.08);--color-fill-quaternary:rgba(255, 255, 255, 0.04);--color-bg-base:#000;--color-bg-container:#141414;--color-bg-elevated:#1f1f1f;--color-bg-layout:#000;--color-bg-spotlight:#424242;--color-bg-mask:rgba(0, 0, 0, 0.45);--control-item-bg-hover:rgba(255, 255, 255, 0.15);--control-outline:rgba(238, 38, 56, 0.11);--main-bg-color:transparent;--submenu-bg-color:#141414;--menu-search-bg-color:#000;--menu-border-color:#303030;--menu-button-icon-hover:var(
+    --color-primary-hover
+  );--menu-button-icon-hover-bg:rgba(255, 255, 255, 0.15);--collect-icon-color:var(--default-icon);--header-icon-color:rgba(255, 255, 255, 0.75);--setting-bg-color:#1f1f1f;--setting-modal-bg-color:#1f1f1f;--default-icon:rgba(255, 255, 255, 0.75);--default-icon-disable:rgba(255, 255, 255, 0.25);--scroll-color:rgba(255, 255, 255, 0.25);--detail-descriptions-label-bg-color:rgba(255, 255, 255, 0.04)//type=detail下的LlDescriptions的label背景颜色}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;width:100%}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title .ll-icon{margin-left:20px}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{margin-bottom:4px}.ant-dropdown .ant-dropdown-menu :last-child{margin-bottom:0!important}.ant-select:hover .ant-select-selector{border-color:var(--color-primary-hover)!important}.ant-select-dropdown .ant-cascader-menu-item-active,.ant-select-dropdown .ant-select-item-option-selected{color:var(--color-primary)!important}.ant-select-dropdown .ant-cascader-menu .ant-cascader-menu-item{margin-bottom:4px}.ant-select-dropdown .ant-cascader-menu :last-child{margin-bottom:0!important}.rc-virtual-list-holder-inner .ant-select-item{margin-bottom:4px}.rc-virtual-list-holder-inner :last-child{margin-bottom:0!important}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner{background-color:var(--color-primary)!important}.ll-tag-group{display:flex;width:100%;overflow:hidden;position:relative}.ll-tag-group__tag-container{overflow:hidden;display:flex;flex-wrap:wrap;height:30px}.ll-tag-group--item{display:flex;height:30px;line-height:30px;background:var(--color-fill-secondary);align-items:center;padding:0 15px;margin-right:10px;border-radius:18px}.ll-tag-group--item.is-hidden{opacity:0;order:4;height:0;overflow-y:hidden;pointer-events:none;position:absolute}.ll-tag-group--text{font-weight:400;margin-right:10px;font-size:14px;color:var(--color-text)}.ll-tag-group--close{cursor:pointer;display:flex;align-items:center}.ll-tag-group--close-icon{font-size:14px}.ll-tag-group__add-container{display:flex}.ll-tag-group--more{display:flex;justify-content:center;align-items:center;background:var(--color-fill-secondary);color:var(--color-text);height:30px;width:50px;border-radius:18px;margin-right:10px}.ll-tag-group--add-item{display:flex;justify-content:center;align-items:center;border-radius:6px;cursor:pointer;height:30px;width:30px;box-sizing:border-box;border:1px solid var(--color-border)}.ll-tag-group--add-item.is-active{transition:.3s all;border:1px solid var(--color-primary)}.ll-tag-group--add-item.is-active .ll-icon use{fill:var(--color-primary)}.ll-tag-group--add-item--add-icon{font-size:16px}.ll-tag-group__popover .ant-popover-inner{padding:20px}.ll-tag-group--select-box{margin:0;margin-top:10px;max-height:180px;padding:0;overflow-y:auto}.ll-tag-group--select-item{display:flex;justify-content:space-between;align-items:center;height:36x;line-height:36px;cursor:pointer;padding-right:5px}.ll-tag-group--select-text{flex:1;margin:0 5px 0 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-tag-group--select-check{font-size:14px}

package/types/packages/components/index.d.ts

@@ -33,6 +33,7 @@ export * from './steps';
 export * from './switch';
 export * from './table';
 export * from './tabs-simple';
+export * from './tag-group';
 export * from './textarea';
 export * from './time-picker';
 export * from './time-range';