ll-plus 2.5.8 → 2.5.9

package/lib/packages/components/cropper/src/cropper-modal.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"cropper-modal.vue2.js","sources":["../../../../../../packages/components/cropper/src/cropper-modal.vue"],"sourcesContent":["<template>\n  <ll-modal\n    :open=\"open\"\n    :title=\"'图片裁剪'\"\n    width=\"800px\"\n    :keyboard=\"false\"\n    :mask-closable=\"false\"\n    :ok-text=\"'确定'\"\n    @cancel=\"open = false\"\n    @ok=\"handleOk\"\n  >\n    <div :class=\"bem.b()\">\n      <div :class=\"bem.e('left')\">\n        <div :class=\"bem.e('cropper')\">\n          <cropper-image\n            v-if=\"src\"\n            :src=\"src\"\n            height=\"300px\"\n            :circled=\"circled\"\n            @cropend=\"handleCropend\"\n            @on-ready=\"handleReady\"\n          />\n        </div>\n        <div :class=\"bem.e('toolbar')\">\n          <Upload\n            :file-list=\"[]\"\n            accept=\"image/*\"\n            :before-upload=\"handleBeforeUpload\"\n          >\n            <ll-tooltip :title=\"'选择图片'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                @click=\"handlerToolbar('reset')\"\n              >\n                <ll-icon icon-name=\"icon-upload\" />\n              </ll-button>\n            </ll-tooltip>\n          </Upload>\n          <ll-space>\n            <ll-tooltip :tip=\"'重置'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('reset')\"\n              >\n                <ll-icon icon-name=\"icon-refresh\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'逆时针旋转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('rotate', -45)\"\n              >\n                <ll-icon icon-name=\"icon-counter-clockwise\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'顺时针旋转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('rotate', 45)\"\n              >\n                <ll-icon icon-name=\"icon-flip-horizontal\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'水平翻转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('scaleX')\"\n              >\n                <ll-icon icon-name=\"icon-flip-horizontal\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'垂直翻转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('scaleY')\"\n              >\n                <ll-icon icon-name=\"icon-flip-vertical\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'放大'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('zoom', 0.1)\"\n              >\n                <ll-icon icon-name=\"icon-amplify1\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'缩小'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('zoom', -0.1)\"\n              >\n                <ll-icon icon-name=\"icon-scale\" />\n              </ll-button>\n            </ll-tooltip>\n          </ll-space>\n        </div>\n      </div>\n      <div :class=\"bem.e('right')\">\n        <div :class=\"bem.e('preview')\">\n          <img v-if=\"previewSource\" :src=\"previewSource\" :alt=\"'预览'\" />\n        </div>\n        <template v-if=\"previewSource\">\n          <div :class=\"bem.e('group')\">\n            <ll-avatar :src=\"previewSource\" size=\"large\" />\n            <ll-avatar :src=\"previewSource\" :size=\"48\" />\n            <ll-avatar :src=\"previewSource\" :size=\"64\" />\n            <ll-avatar :src=\"previewSource\" :size=\"80\" />\n          </div>\n        </template>\n      </div>\n    </div>\n  </ll-modal>\n  <div :class=\"bem.e('cropper-avatar')\" @click=\"handleOpen\">\n    <slot :src=\"avatar\">\n      <ll-avatar :src=\"avatar\" :size=\"64\" />\n    </slot>\n  </div>\n</template>\n<script lang=\"ts\" setup>\n//@ts-ignore\nimport type Cropper from 'cropperjs'\n\nimport { ref } from 'vue'\nimport { Upload } from 'ant-design-vue'\nimport { createNamespace, dataURLtoBlob, type Nullable } from '@ll-plus/utils'\nimport CropperImage from './cropper-image.vue'\nimport {\n  cropperModalProps,\n  cropperModalEmits,\n  type CropendResult\n} from './cropper-image'\n\ndefineOptions({ name: 'LlCropperModal' })\nconst props = defineProps(cropperModalProps)\nconst emits = defineEmits(cropperModalEmits)\nconst bem = createNamespace('cropper-modal')\nconst src = ref(props.avatar || '')\nconst avatar = ref(props.avatar || '')\nconst open = ref(false)\nconst previewSource = ref('')\nconst cropper = ref<Nullable<Cropper>>()\nlet scaleX = 1\nlet scaleY = 1\n\n// Block upload\nfunction handleBeforeUpload(file: File) {\n  const reader = new FileReader()\n  reader.readAsDataURL(file)\n  src.value = ''\n  previewSource.value = ''\n  reader.onload = function (e) {\n    src.value = (e.target?.result as string) ?? ''\n    // filename = file.name\n  }\n  return false\n}\nfunction handleOpen() {\n  open.value = true\n}\nfunction handleCropend({ imgBase64 }: CropendResult) {\n  previewSource.value = imgBase64\n}\n\nfunction handleReady(cropperInstance: Cropper) {\n  cropper.value = cropperInstance\n}\nfunction handlerToolbar(event: string, arg?: number) {\n  if (event === 'scaleX') {\n    scaleX = arg = scaleX === -1 ? 1 : -1\n  }\n  if (event === 'scaleY') {\n    scaleY = arg = scaleY === -1 ? 1 : -1\n  }\n  cropper?.value?.[event]?.(arg)\n}\n\nasync function handleOk() {\n  const blob = dataURLtoBlob(previewSource.value)\n  emits('confirm', { blob, previewSource: previewSource.value })\n  avatar.value = previewSource.value\n  open.value = false\n}\n</script>\n"],"names":["createNamespace","ref","dataURLtoBlob"],"mappings":"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"}
+{"version":3,"file":"cropper-modal.vue2.js","sources":["../../../../../../packages/components/cropper/src/cropper-modal.vue"],"sourcesContent":["<template>\n  <ll-modal\n    :open=\"open\"\n    :title=\"'图片裁剪'\"\n    width=\"800px\"\n    :keyboard=\"false\"\n    :mask-closable=\"false\"\n    :ok-text=\"'确定'\"\n    @cancel=\"open = false\"\n    @ok=\"handleOk\"\n  >\n    <div :class=\"bem.b()\">\n      <div :class=\"bem.e('left')\">\n        <div :class=\"bem.e('cropper')\">\n          <cropper-image\n            v-if=\"src\"\n            :src=\"src\"\n            height=\"300px\"\n            :circled=\"circled\"\n            @cropend=\"handleCropend\"\n            @on-ready=\"handleReady\"\n          />\n        </div>\n        <div :class=\"bem.e('toolbar')\">\n          <a-upload\n            :file-list=\"[]\"\n            accept=\"image/*\"\n            :before-upload=\"handleBeforeUpload\"\n          >\n            <ll-tooltip :title=\"'选择图片'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                @click=\"handlerToolbar('reset')\"\n              >\n                <ll-icon icon-name=\"icon-upload\" />\n              </ll-button>\n            </ll-tooltip>\n          </a-upload>\n          <ll-space>\n            <ll-tooltip :tip=\"'重置'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('reset')\"\n              >\n                <ll-icon icon-name=\"icon-refresh\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'逆时针旋转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('rotate', -45)\"\n              >\n                <ll-icon icon-name=\"icon-counter-clockwise\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'顺时针旋转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('rotate', 45)\"\n              >\n                <ll-icon icon-name=\"icon-flip-horizontal\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'水平翻转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('scaleX')\"\n              >\n                <ll-icon icon-name=\"icon-flip-horizontal\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'垂直翻转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('scaleY')\"\n              >\n                <ll-icon icon-name=\"icon-flip-vertical\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'放大'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('zoom', 0.1)\"\n              >\n                <ll-icon icon-name=\"icon-amplify1\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'缩小'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('zoom', -0.1)\"\n              >\n                <ll-icon icon-name=\"icon-scale\" />\n              </ll-button>\n            </ll-tooltip>\n          </ll-space>\n        </div>\n      </div>\n      <div :class=\"bem.e('right')\">\n        <div :class=\"bem.e('preview')\">\n          <img v-if=\"previewSource\" :src=\"previewSource\" :alt=\"'预览'\" />\n        </div>\n        <template v-if=\"previewSource\">\n          <div :class=\"bem.e('group')\">\n            <ll-image\n              :preview=\"false\"\n              :src=\"previewSource\"\n              :width=\"32\"\n              :height=\"32\"\n            />\n            <ll-image\n              :preview=\"false\"\n              :src=\"previewSource\"\n              :width=\"48\"\n              :height=\"48\"\n            />\n            <ll-image\n              :preview=\"false\"\n              :src=\"previewSource\"\n              :width=\"64\"\n              :height=\"64\"\n            />\n            <ll-image\n              :preview=\"false\"\n              :src=\"previewSource\"\n              :width=\"80\"\n              :height=\"80\"\n            />\n          </div>\n        </template>\n      </div>\n    </div>\n  </ll-modal>\n  <div :class=\"bem.e('cropper-avatar')\" @click=\"handleOpen\">\n    <slot :src=\"avatar\">\n      <ll-image :src=\"avatar\" :width=\"64\" :height=\"64\" />\n    </slot>\n  </div>\n</template>\n<script lang=\"ts\" setup>\n//@ts-ignore\nimport type Cropper from 'cropperjs'\n\nimport { ref } from 'vue'\nimport { createNamespace, dataURLtoBlob, type Nullable } from '@ll-plus/utils'\nimport CropperImage from './cropper-image.vue'\nimport {\n  cropperModalProps,\n  cropperModalEmits,\n  type CropendResult\n} from './cropper-image'\n\ndefineOptions({ name: 'LlCropperModal' })\nconst props = defineProps(cropperModalProps)\nconst emits = defineEmits(cropperModalEmits)\nconst bem = createNamespace('cropper-modal')\nconst src = ref(props.avatar || '')\nconst avatar = ref(props.avatar || '')\nconst open = ref(false)\nconst previewSource = ref('')\n\nconst cropper = ref<Nullable<Cropper>>()\nlet scaleX = 1\nlet scaleY = 1\n\n// Block upload\nfunction handleBeforeUpload(file: File) {\n  const reader = new FileReader()\n  reader.readAsDataURL(file)\n  src.value = ''\n  previewSource.value = ''\n  reader.onload = function (e) {\n    src.value = (e.target?.result as string) ?? ''\n    // filename = file.name\n  }\n  return false\n}\nfunction handleOpen() {\n  open.value = true\n}\nfunction handleCropend({ imgBase64 }: CropendResult) {\n  previewSource.value = imgBase64\n}\n\nfunction handleReady(cropperInstance: Cropper) {\n  cropper.value = cropperInstance\n}\nfunction handlerToolbar(event: string, arg?: number) {\n  if (event === 'scaleX') {\n    scaleX = arg = scaleX === -1 ? 1 : -1\n  }\n  if (event === 'scaleY') {\n    scaleY = arg = scaleY === -1 ? 1 : -1\n  }\n  cropper?.value?.[event]?.(arg)\n}\n\nasync function handleOk() {\n  const blob = dataURLtoBlob(previewSource.value)\n  emits('confirm', { blob, previewSource: previewSource.value })\n  avatar.value = previewSource.value\n  open.value = false\n}\n</script>\n"],"names":["createNamespace","ref","dataURLtoBlob"],"mappings":"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"}

package/lib/packages/components/index.js

@@ -54,6 +54,7 @@ var index$P = require('./dropdown/index.js');
 var index$Q = require('./upload-drag/index.js');
 var index$R = require('./upload-image/index.js');
 var index$S = require('./uri-input/index.js');
+var index$T = require('./watermark/index.js');
 var advancedFiltering = require('./advanced-filtering/src/advanced-filtering.js');
 var apiComponent = require('./api-component/src/config/api-component.js');
 var apiModal = require('./api-component/src/config/api-modal.js');
@@ -189,6 +190,7 @@ exports.LlDropdownButton = index$P.LlDropdownButton;
 exports.LlUploadDrag = index$Q.LlUploadDrag;
 exports.LlUploadImage = index$R.LlUploadImage;
 exports.LlUriInput = index$S.LlUriInput;
+exports.LlWatermark = index$T.LlWatermark;
 exports.ALL_VALUE = advancedFiltering.ALL_VALUE;
 exports.advancedFilteringEmits = advancedFiltering.advancedFilteringEmits;
 exports.advancedFilteringParamsEmits = advancedFiltering.advancedFilteringParamsEmits;

package/lib/packages/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/watermark/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+var watermark = require('./src/watermark.vue.js');
+require('./src/watermark.js');
+var withInstall = require('../../utils/with-install.js');
+
+"use strict";
+const LlWatermark = withInstall.withInstall(watermark.default);
+
+exports.LlWatermark = LlWatermark;
+exports.default = LlWatermark;
+//# sourceMappingURL=index.js.map

package/lib/packages/components/watermark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/watermark/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Watermark from './src/watermark.vue'\n\nexport const LlWatermark = withInstall(Watermark)\n\nexport default LlWatermark\n\nexport * from './src/watermark'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlWatermark: typeof Watermark\n  }\n}\n"],"names":["withInstall","Watermark"],"mappings":";;;;;;;;;;AAIa,MAAA,WAAA,GAAcA,wBAAYC,iBAAS;;;;;"}

package/lib/packages/components/watermark/src/watermark.js

@@ -0,0 +1,4 @@
+'use strict';
+
+"use strict";
+//# sourceMappingURL=watermark.js.map

package/lib/packages/components/watermark/src/watermark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermark.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/packages/components/watermark/src/watermark.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var watermark_vue_vue_type_script_setup_true_lang = require('./watermark.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+"use strict";
+var Watermark = /* @__PURE__ */ _pluginVue_exportHelper.default(watermark_vue_vue_type_script_setup_true_lang.default, [["__file", "watermark.vue"]]);
+
+exports.default = Watermark;
+//# sourceMappingURL=watermark.vue.js.map

package/lib/packages/components/watermark/src/watermark.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermark.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/watermark/src/watermark.vue2.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+require('../../../utils/index.js');
+var createNamespace = require('../../../utils/create-namespace.js');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LlWatermark" },
+  __name: "watermark",
+  setup(__props) {
+    const attrs = vue.useAttrs();
+    const bem = createNamespace.createNamespace("watermark");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Watermark), vue.mergeProps(vue.unref(attrs), {
+        class: vue.unref(bem).b()
+      }), vue.createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        vue.renderList(Object.keys(_ctx.$slots), (item) => {
+          return {
+            name: item,
+            fn: vue.withCtx((data) => [
+              vue.renderSlot(_ctx.$slots, item, vue.normalizeProps(vue.guardReactiveProps(data || {})))
+            ])
+          };
+        })
+      ]), 1040, ["class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=watermark.vue2.js.map

package/lib/packages/components/watermark/src/watermark.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermark.vue2.js","sources":["../../../../../../packages/components/watermark/src/watermark.vue"],"sourcesContent":["<template>\n  <Watermark v-bind=\"attrs\" :class=\"bem.b()\">\n    <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\">\n      <slot :name=\"item\" v-bind=\"data || {}\" />\n    </template>\n  </Watermark>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs } from 'vue'\nimport { Watermark } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\ndefineOptions({ name: 'LlWatermark' })\n\nconst attrs = useAttrs()\nconst bem = createNamespace('watermark')\n</script>\n"],"names":["useAttrs","createNamespace"],"mappings":";;;;;;;;;;;;;;AAcA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,WAAW,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/hooks/use-scroll/index.js

@@ -52,6 +52,32 @@ function useScroll() {
       deep: true
     }
   );
+  vue.onMounted(() => {
+  });
+  vue.watch(
+    scrollRef,
+    () => {
+      if (scrollRef.value) {
+        if (!observer) {
+          observer = new ResizeObserver(() => {
+            if (scrollRef.value) {
+              if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
+                isHasScrollBar.value = true;
+              } else {
+                isHasScrollBar.value = false;
+              }
+            }
+          });
+          scrollRef.value.addEventListener("scroll", handleScroll);
+          observer.observe(scrollRef.value);
+        }
+      }
+    },
+    {
+      immediate: true,
+      deep: true
+    }
+  );
   vue.onUnmounted(() => {
     if (observer) {
       observer.disconnect();

package/lib/packages/hooks/use-scroll/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-scroll/index.ts"],"sourcesContent":["/**\n * @description: 用于监听滚动行为/window的resize监听/滚动区域内的dom动态增删dom来添加阴影\n * @return {HTMLElement} elementRef 要滚动监听的dom\n * @return {scrollPosition} IScrollPosition 监听的位置\n */\nimport { onUnmounted, ref, watch } from 'vue'\n\ntype IScrollPosition = 'top' | 'scrolling' | 'bottom' // 滚动到最顶部、滚动中、滚动到最底部\n\nexport function useScroll() {\n  const scrollRef = ref<HTMLElement>() // 监听滚动的dom\n  const scrollPosition = ref<IScrollPosition>() // 滚动到的位置\n  const isHasScrollBar = ref(false) // 是否有滚动条\n  let observer: ResizeObserver // 监听dom内容发生变化\n\n  // 滚动事件\n  const handleScroll = (event: Event) => {\n    const target = event.target as HTMLElement\n    getSrcollPosition(target)\n  }\n  // 判断滚动位置\n  const getSrcollPosition = (target: HTMLElement) => {\n    // 判断是否有滚动体条\n    if (target.scrollHeight > target.offsetHeight) {\n      isHasScrollBar.value = true\n    } else {\n      isHasScrollBar.value = false\n    }\n    if (!!target.scrollTop) {\n      // 有0.5px的误差 故-1\n      if (target.scrollTop + target.offsetHeight >= target.scrollHeight - 1) {\n        // 在最底部\n        scrollPosition.value = 'bottom'\n      } else {\n        // 滚动中\n        scrollPosition.value = 'scrolling'\n      }\n    } else {\n      // 在最顶部\n      scrollPosition.value = 'top'\n    }\n  }\n\n  // 监听滚动容器高度的变化\n  watch(\n    scrollRef,\n    () => {\n      if (scrollRef.value) {\n        if (!observer) {\n          observer = new ResizeObserver(() => {\n            if (scrollRef.value) {\n              // 检查容器的高度变化\n              if (\n                scrollRef.value!.scrollHeight > scrollRef.value!.offsetHeight\n              ) {\n                isHasScrollBar.value = true\n              } else {\n                isHasScrollBar.value = false\n              }\n            }\n          })\n          scrollRef.value!.addEventListener('scroll', handleScroll)\n          observer.observe(scrollRef.value)\n        }\n      }\n    },\n    {\n      immediate: true,\n      deep: true\n    }\n  )\n\n  // 组件卸载停止监听\n  onUnmounted(() => {\n    if (observer) {\n      observer.disconnect()\n    }\n  })\n\n  return { scrollRef, isHasScrollBar, scrollPosition }\n}\n"],"names":["ref","watch","onUnmounted"],"mappings":";;;;;AASO,SAAS,SAAY,GAAA;AAC1B,EAAA,MAAM,YAAYA,OAAiB,EAAA,CAAA;AACnC,EAAA,MAAM,iBAAiBA,OAAqB,EAAA,CAAA;AAC5C,EAAM,MAAA,cAAA,GAAiBA,QAAI,KAAK,CAAA,CAAA;AAChC,EAAI,IAAA,QAAA,CAAA;AAGJ,EAAM,MAAA,YAAA,GAAe,CAAC,KAAiB,KAAA;AACrC,IAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,IAAA,iBAAA,CAAkB,MAAM,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,MAAwB,KAAA;AAEjD,IAAI,IAAA,MAAA,CAAO,YAAe,GAAA,MAAA,CAAO,YAAc,EAAA;AAC7C,MAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,KAClB,MAAA;AACL,MAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,KACzB;AACA,IAAI,IAAA,CAAC,CAAC,MAAA,CAAO,SAAW,EAAA;AAEtB,MAAA,IAAI,OAAO,SAAY,GAAA,MAAA,CAAO,YAAgB,IAAA,MAAA,CAAO,eAAe,CAAG,EAAA;AAErE,QAAA,cAAA,CAAe,KAAQ,GAAA,QAAA,CAAA;AAAA,OAClB,MAAA;AAEL,QAAA,cAAA,CAAe,KAAQ,GAAA,WAAA,CAAA;AAAA,OACzB;AAAA,KACK,MAAA;AAEL,MAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,KACzB;AAAA,GACF,CAAA;AAGA,EAAAC,SAAA;AAAA,IACE,SAAA;AAAA,IACA,MAAM;AACJ,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAA,IAAI,CAAC,QAAU,EAAA;AACb,UAAW,QAAA,GAAA,IAAI,eAAe,MAAM;AAClC,YAAA,IAAI,UAAU,KAAO,EAAA;AAEnB,cAAA,IACE,SAAU,CAAA,KAAA,CAAO,YAAe,GAAA,SAAA,CAAU,MAAO,YACjD,EAAA;AACA,gBAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,eAClB,MAAA;AACL,gBAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,eACzB;AAAA,aACF;AAAA,WACD,CAAA,CAAA;AACD,UAAU,SAAA,CAAA,KAAA,CAAO,gBAAiB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AACxD,UAAS,QAAA,CAAA,OAAA,CAAQ,UAAU,KAAK,CAAA,CAAA;AAAA,SAClC;AAAA,OACF;AAAA,KACF;AAAA,IACA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,MACX,IAAM,EAAA,IAAA;AAAA,KACR;AAAA,GACF,CAAA;AAGA,EAAAC,eAAA,CAAY,MAAM;AAChB,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,KACtB;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,EAAE,SAAW,EAAA,cAAA,EAAgB,cAAe,EAAA,CAAA;AACrD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-scroll/index.ts"],"sourcesContent":["/**\n * @description: 用于监听滚动行为/window的resize监听/滚动区域内的dom动态增删dom来添加阴影\n * @return {HTMLElement} elementRef 要滚动监听的dom\n * @return {scrollPosition} IScrollPosition 监听的位置\n */\nimport { onMounted, onUnmounted, ref, watch } from 'vue'\n\ntype IScrollPosition = 'top' | 'scrolling' | 'bottom' // 滚动到最顶部、滚动中、滚动到最底部\n\nexport function useScroll() {\n  const scrollRef = ref<HTMLElement>() // 监听滚动的dom\n  const scrollPosition = ref<IScrollPosition>() // 滚动到的位置\n  const isHasScrollBar = ref(false) // 是否有滚动条\n  let observer: ResizeObserver // 监听dom内容发生变化\n\n  // 滚动事件\n  const handleScroll = (event: Event) => {\n    const target = event.target as HTMLElement\n    getSrcollPosition(target)\n  }\n  // 判断滚动位置\n  const getSrcollPosition = (target: HTMLElement) => {\n    // 判断是否有滚动体条\n    if (target.scrollHeight > target.offsetHeight) {\n      isHasScrollBar.value = true\n    } else {\n      isHasScrollBar.value = false\n    }\n    if (!!target.scrollTop) {\n      // 有0.5px的误差 故-1\n      if (target.scrollTop + target.offsetHeight >= target.scrollHeight - 1) {\n        // 在最底部\n        scrollPosition.value = 'bottom'\n      } else {\n        // 滚动中\n        scrollPosition.value = 'scrolling'\n      }\n    } else {\n      // 在最顶部\n      scrollPosition.value = 'top'\n    }\n  }\n\n  // 监听滚动容器高度的变化\n  watch(\n    scrollRef,\n    () => {\n      if (scrollRef.value) {\n        if (!observer) {\n          observer = new ResizeObserver(() => {\n            if (scrollRef.value) {\n              // 检查容器的高度变化\n              if (\n                scrollRef.value!.scrollHeight > scrollRef.value!.offsetHeight\n              ) {\n                isHasScrollBar.value = true\n              } else {\n                isHasScrollBar.value = false\n              }\n            }\n          })\n          scrollRef.value!.addEventListener('scroll', handleScroll)\n          observer.observe(scrollRef.value)\n        }\n      }\n    },\n    {\n      immediate: true,\n      deep: true\n    }\n  )\n\n  onMounted(() => {})\n  watch(\n    scrollRef,\n    () => {\n      if (scrollRef.value) {\n        if (!observer) {\n          observer = new ResizeObserver(() => {\n            if (scrollRef.value) {\n              // 检查容器的高度变化\n              if (\n                scrollRef.value!.scrollHeight > scrollRef.value!.offsetHeight\n              ) {\n                isHasScrollBar.value = true\n              } else {\n                isHasScrollBar.value = false\n              }\n            }\n          })\n          scrollRef.value!.addEventListener('scroll', handleScroll)\n          observer.observe(scrollRef.value)\n        }\n      }\n    },\n    {\n      immediate: true,\n      deep: true\n    }\n  )\n\n  // 组件卸载停止监听\n  onUnmounted(() => {\n    if (observer) {\n      observer.disconnect()\n    }\n  })\n\n  return { scrollRef, isHasScrollBar, scrollPosition }\n}\n"],"names":["ref","watch","onMounted","onUnmounted"],"mappings":"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"}

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.5.8",
+  "version": "2.5.9",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.mjs",

package/theme-chalk/css/cropper.css

@@ -2,7 +2,7 @@
     --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;--card-ribbon-bg-color:#e1f0ff;--card-ribbon-corner-bg-color:#5597dd;--help-des-bg-color:#fff4de;--blue-tag-bg-color:rgba(17, 135, 255, 0.1);--orange-tag-bg-color:rgba(250, 173, 20, 0.1);--green-tag-bg-color:rgba(82, 196, 26, 0.1);--success-status-bg-color:rgba(82, 196, 26, 0.08);--failure-status-bg-color:rgba(255, 77, 79, 0.08);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Helvetica, Arial","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.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-cropper-image.is-circled .cropper-face,.ll-cropper-image.is-circled .cropper-view-box{border-radius:50%}.ll-cropper-modal{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.ll-cropper-modal__left{width:calc(55% - 36px)}.ll-cropper-modal__right{width:45%}.ll-cropper-modal__cropper{height:300px;background:var(--color-bg-layout);background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0),linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0);background-position:0 0,12px 12px;background-size:24px 24px}.ll-cropper-modal__toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ll-cropper-modal__toolbar .ll-button{display:flex;align-items:center}.ll-cropper-modal__preview{width:220px;height:220px;margin:0 auto;overflow:hidden;border:1px solid var(--color-error);border-radius:50%}.ll-cropper-modal__preview img{width:100%;height:100%}.ll-cropper-modal__group{display:flex;padding-top:8px;margin-top:8px;border-top:1px solid var(--color-error);justify-content:space-around;align-items:center}.ll-cropper-modal__cropper-avatar{cursor:pointer;width:64px;height:64px;border-radius:32px}.ll-cropper-modal__cropper-avatar .icon-avatar{color:#fff}.ll-cropper-modal__cropper-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}/*!
+  );--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-cropper-image.is-circled .cropper-face,.ll-cropper-image.is-circled .cropper-view-box{border-radius:50%}.ll-cropper-modal{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.ll-cropper-modal__left{width:calc(55% - 36px)}.ll-cropper-modal__right{width:45%}.ll-cropper-modal__cropper{height:300px;background:var(--color-bg-layout);background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0),linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0);background-position:0 0,12px 12px;background-size:24px 24px}.ll-cropper-modal__toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ll-cropper-modal__toolbar .ll-button{display:flex;align-items:center}.ll-cropper-modal__preview{width:220px;height:220px;margin:0 auto;overflow:hidden;border:1px solid var(--color-border);border-radius:50%}.ll-cropper-modal__preview img{width:100%;height:100%}.ll-cropper-modal__group{display:flex;padding-top:8px;margin-top:8px;border-top:1px solid var(--color-border);justify-content:space-around;align-items:center}.ll-cropper-modal__group .ll-image{border-radius:50%!important}.ll-cropper-modal__cropper-avatar{cursor:pointer;border-radius:32px}.ll-cropper-modal__cropper-avatar .icon-avatar{color:#fff}.ll-cropper-modal__cropper-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}/*!
  * Cropper.js v1.6.2
  * https://fengyuanchen.github.io/cropperjs
  *

package/theme-chalk/css/index.css

@@ -2,7 +2,7 @@
     --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;--card-ribbon-bg-color:#e1f0ff;--card-ribbon-corner-bg-color:#5597dd;--help-des-bg-color:#fff4de;--blue-tag-bg-color:rgba(17, 135, 255, 0.1);--orange-tag-bg-color:rgba(250, 173, 20, 0.1);--green-tag-bg-color:rgba(82, 196, 26, 0.1);--success-status-bg-color:rgba(82, 196, 26, 0.08);--failure-status-bg-color:rgba(255, 77, 79, 0.08);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Helvetica, Arial","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.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}:root{--pop-up-top-box-shadow:0 1px 2px 0 var(--color-fill-secondary);--pop-up-bottom-box-shadow:0 -1px 2px 0 var(--color-fill-secondary)}.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}.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:28px;line-height:28px;background:var(--color-fill-secondary);color:var(--color-text);font-size:12px;margin-right:10px;margin-top:14px;border-radius:14px;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 30px}.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:30px;padding-right:20px}.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-api-component--tab{margin-bottom:20px}.ll-api-component--body-tab{margin-bottom:15px}.ll-api-component--body-container{background:var(--color-bg-base);border-radius:6px;border:1px solid var(--color-border-secondary)}.ll-api-component--click-input{height:30px}.ll-api-component--click-input a{display:flex;align-items:center}.ll-api-component--click-input .ll-button{padding:0;height:16px;width:16px}.ll-api-component__none{width:100%;height:100px;line-height:100px;text-align:center;background:var(--color-bg-base);border-radius:6px;border:1px solid var(--color-border);color:var(--color-text-quaternary)}.ll-json-xml{width:100%}.ll-json-xml__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;box-sizing:border-box;padding:14px 20px 14px 12px;border-bottom:1px solid var(--color-border-secondary)}.ll-json-xml__body{display:flex;justify-content:space-between;width:100%;padding:0 20px 20px 20px}.ll-json-xml__table{width:100%}.ll-json-xml--xml{width:100%;text-align:right;color:var(--color-text-secondary)}.ll-json-xml--table-header{height:44px;line-height:44px;font-size:14px;color:var(--color-text-secondary);background:var(--color-fill-quaternary);overflow:hidden;margin-top:10px}.ll-json-xml--table-header .ant-col{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-json-xml--table-header .ant-col::before{content:"";position:absolute;height:24px;width:1px;background:var(--color-fill-secondary);left:0;top:10px}.ll-json-xml__table-row{box-sizing:border-box;border-bottom:1px solid var(--color-border-secondary)}.ll-json-xml__table-col{padding:9px 24px;display:flex;align-items:center}.ll-json-xml--table-icon{padding:0;margin-right:16px;display:inline-flex!important;justify-content:center;align-items:center;font-size:16px}.ll-json-xml__table-operation{display:flex;align-items:center;height:100%}.ll-json-xml--table-row-tag{height:30px;line-height:30px;padding:0 10px;font-size:14px;color:var(--color-primary);background:var(--color-primary-bg);border-radius:6px}.ll-json-xml--table-row-icon{display:flex;width:40px;justify-content:center;align-items:center;height:100%;margin-right:12px}.ll-json-xml__popconfirm .ant-popconfirm-buttons{display:flex;justify-content:center}.ll-batch-editing{width:100%}.ll-batch-editing__textarea{margin-top:20px;position:relative;border:1px solid var(--color-border);box-sizing:border-box;padding:20px;border-radius:6px}.ll-batch-editing__textarea-tip{margin:0;padding:0;color:var(--color-text-tertiary)}.ll-params-table{width:100%}.ll-params-table--table-icon{padding:0;margin-right:16px;display:inline-flex!important;justify-content:center;align-items:center;font-size:16px}.ll-params-table--table-header{height:44px;line-height:44px;font-size:14px;color:var(--color-text-secondary);background:var(--color-fill-quaternary)}.ll-params-table__table-col{padding:9px 24px;display:flex;align-items:center}.ll-params-table__table-row{box-sizing:border-box;border-bottom:1px solid var(--color-border-secondary)}.ll-params-table__table-header-col{display:flex;align-items:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-params-table__table-header-col span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-params-table__table-header-col .ll-tooltip{margin-left:11px}.ll-params-table__table-header-col::before{content:"";position:absolute;height:24px;width:1px;background:var(--color-fill-secondary);left:0;top:10px}.ll-params-table__table-header-col:first-of-type::before{width:0}.ll-params-table--required{width:16px;height:16px;border-radius:50%;margin-left:12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--color-bg-base);cursor:pointer;border:1px solid var(--color-border);padding:0}.ll-params-table--required.is-required{border:1px solid var(--color-bg-base)}.ll-params-table--required .ll-icon{color:var(--color-primary)}.ll-params-table__popconfirm .ant-popconfirm-buttons{display:flex;justify-content:center}.ll-avatar{display:inline-block}.ll-avatar .ant-avatar{display:flex;align-items:center;justify-content:center;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-breadcrumb-card{position:absolute;inset:0;z-index:100;overflow:auto;background:var(--color-bg-container);border-radius:6px}.ll-breadcrumb-card .ant-spin-nested-loading{height:100%}.ll-breadcrumb-card .ant-spin-nested-loading .ant-spin-container{height:100%}.ll-breadcrumb-card .ant-breadcrumb-separator{display:none}.ll-breadcrumb-card__container{position:relative;display:flex;flex-direction:column;height:100%}.ll-breadcrumb-card__header{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 20px;border-bottom:1px solid var(--color-border-secondary);position:relative;z-index:1}.ll-breadcrumb-card__header .ant-breadcrumb-link{display:flex;align-items:center}.ll-breadcrumb-card__back li{display:flex;align-items:center}.ll-breadcrumb-card__back-icon{margin-right:10px;font-size:16px;cursor:pointer}.ll-breadcrumb-card__title{font-size:16px;font-weight:500}.ll-breadcrumb-card__content{overflow:hidden;display:flex;flex-direction:column;flex:1}.ll-breadcrumb-card__content-container{flex:1;overflow:auto}.ll-breadcrumb-card__content-top-shadow{box-shadow:var(--pop-up-top-box-shadow);height:1px;width:100%;position:sticky;z-index:99;top:0}.ll-breadcrumb-card__footer{position:relative;width:100%;height:66px;position:relative;display:flex;justify-content:center;align-items:center}.ll-breadcrumb-card__footer-shadow{box-shadow:var(--pop-up-bottom-box-shadow)}.ll-button{display:inline-flex;align-items:center;justify-content:center}.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-checkbox-group__item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-code-editor{height:100%;width:100%;min-height:300px}.ll-code-editor__container{height:100%;width:100%}.ll-cropper-image.is-circled .cropper-face,.ll-cropper-image.is-circled .cropper-view-box{border-radius:50%}.ll-cropper-modal{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.ll-cropper-modal__left{width:calc(55% - 36px)}.ll-cropper-modal__right{width:45%}.ll-cropper-modal__cropper{height:300px;background:var(--color-bg-layout);background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0),linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0);background-position:0 0,12px 12px;background-size:24px 24px}.ll-cropper-modal__toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ll-cropper-modal__toolbar .ll-button{display:flex;align-items:center}.ll-cropper-modal__preview{width:220px;height:220px;margin:0 auto;overflow:hidden;border:1px solid var(--color-error);border-radius:50%}.ll-cropper-modal__preview img{width:100%;height:100%}.ll-cropper-modal__group{display:flex;padding-top:8px;margin-top:8px;border-top:1px solid var(--color-error);justify-content:space-around;align-items:center}.ll-cropper-modal__cropper-avatar{cursor:pointer;width:64px;height:64px;border-radius:32px}.ll-cropper-modal__cropper-avatar .icon-avatar{color:#fff}.ll-cropper-modal__cropper-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}/*!
+  );--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}:root{--pop-up-top-box-shadow:0 1px 2px 0 var(--color-fill-secondary);--pop-up-bottom-box-shadow:0 -1px 2px 0 var(--color-fill-secondary)}.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}.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:28px;line-height:28px;background:var(--color-fill-secondary);color:var(--color-text);font-size:12px;margin-right:10px;margin-top:14px;border-radius:14px;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 30px}.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:30px;padding-right:20px}.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-api-component--tab{margin-bottom:20px}.ll-api-component--body-tab{margin-bottom:15px}.ll-api-component--body-container{background:var(--color-bg-base);border-radius:6px;border:1px solid var(--color-border-secondary)}.ll-api-component--click-input{height:30px}.ll-api-component--click-input a{display:flex;align-items:center}.ll-api-component--click-input .ll-button{padding:0;height:16px;width:16px}.ll-api-component__none{width:100%;height:100px;line-height:100px;text-align:center;background:var(--color-bg-base);border-radius:6px;border:1px solid var(--color-border);color:var(--color-text-quaternary)}.ll-json-xml{width:100%}.ll-json-xml__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;box-sizing:border-box;padding:14px 20px 14px 12px;border-bottom:1px solid var(--color-border-secondary)}.ll-json-xml__body{display:flex;justify-content:space-between;width:100%;padding:0 20px 20px 20px}.ll-json-xml__table{width:100%}.ll-json-xml--xml{width:100%;text-align:right;color:var(--color-text-secondary)}.ll-json-xml--table-header{height:44px;line-height:44px;font-size:14px;color:var(--color-text-secondary);background:var(--color-fill-quaternary);overflow:hidden;margin-top:10px}.ll-json-xml--table-header .ant-col{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-json-xml--table-header .ant-col::before{content:"";position:absolute;height:24px;width:1px;background:var(--color-fill-secondary);left:0;top:10px}.ll-json-xml__table-row{box-sizing:border-box;border-bottom:1px solid var(--color-border-secondary)}.ll-json-xml__table-col{padding:9px 24px;display:flex;align-items:center}.ll-json-xml--table-icon{padding:0;margin-right:16px;display:inline-flex!important;justify-content:center;align-items:center;font-size:16px}.ll-json-xml__table-operation{display:flex;align-items:center;height:100%}.ll-json-xml--table-row-tag{height:30px;line-height:30px;padding:0 10px;font-size:14px;color:var(--color-primary);background:var(--color-primary-bg);border-radius:6px}.ll-json-xml--table-row-icon{display:flex;width:40px;justify-content:center;align-items:center;height:100%;margin-right:12px}.ll-json-xml__popconfirm .ant-popconfirm-buttons{display:flex;justify-content:center}.ll-batch-editing{width:100%}.ll-batch-editing__textarea{margin-top:20px;position:relative;border:1px solid var(--color-border);box-sizing:border-box;padding:20px;border-radius:6px}.ll-batch-editing__textarea-tip{margin:0;padding:0;color:var(--color-text-tertiary)}.ll-params-table{width:100%}.ll-params-table--table-icon{padding:0;margin-right:16px;display:inline-flex!important;justify-content:center;align-items:center;font-size:16px}.ll-params-table--table-header{height:44px;line-height:44px;font-size:14px;color:var(--color-text-secondary);background:var(--color-fill-quaternary)}.ll-params-table__table-col{padding:9px 24px;display:flex;align-items:center}.ll-params-table__table-row{box-sizing:border-box;border-bottom:1px solid var(--color-border-secondary)}.ll-params-table__table-header-col{display:flex;align-items:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-params-table__table-header-col span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-params-table__table-header-col .ll-tooltip{margin-left:11px}.ll-params-table__table-header-col::before{content:"";position:absolute;height:24px;width:1px;background:var(--color-fill-secondary);left:0;top:10px}.ll-params-table__table-header-col:first-of-type::before{width:0}.ll-params-table--required{width:16px;height:16px;border-radius:50%;margin-left:12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--color-bg-base);cursor:pointer;border:1px solid var(--color-border);padding:0}.ll-params-table--required.is-required{border:1px solid var(--color-bg-base)}.ll-params-table--required .ll-icon{color:var(--color-primary)}.ll-params-table__popconfirm .ant-popconfirm-buttons{display:flex;justify-content:center}.ll-avatar{display:inline-block}.ll-avatar .ant-avatar{display:flex;align-items:center;justify-content:center;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-breadcrumb-card{position:absolute;inset:0;z-index:100;overflow:auto;background:var(--color-bg-container);border-radius:6px}.ll-breadcrumb-card .ant-spin-nested-loading{height:100%}.ll-breadcrumb-card .ant-spin-nested-loading .ant-spin-container{height:100%}.ll-breadcrumb-card .ant-breadcrumb-separator{display:none}.ll-breadcrumb-card__container{position:relative;display:flex;flex-direction:column;height:100%}.ll-breadcrumb-card__header{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 20px;border-bottom:1px solid var(--color-border-secondary);position:relative;z-index:1}.ll-breadcrumb-card__header .ant-breadcrumb-link{display:flex;align-items:center}.ll-breadcrumb-card__back li{display:flex;align-items:center}.ll-breadcrumb-card__back-icon{margin-right:10px;font-size:16px;cursor:pointer}.ll-breadcrumb-card__title{font-size:16px;font-weight:500}.ll-breadcrumb-card__content{overflow:hidden;display:flex;flex-direction:column;flex:1}.ll-breadcrumb-card__content-container{flex:1;overflow:auto}.ll-breadcrumb-card__content-top-shadow{box-shadow:var(--pop-up-top-box-shadow);height:1px;width:100%;position:sticky;z-index:99;top:0}.ll-breadcrumb-card__footer{position:relative;width:100%;height:66px;position:relative;display:flex;justify-content:center;align-items:center}.ll-breadcrumb-card__footer-shadow{box-shadow:var(--pop-up-bottom-box-shadow)}.ll-button{display:inline-flex;align-items:center;justify-content:center}.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-checkbox-group__item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-code-editor{height:100%;width:100%;min-height:300px}.ll-code-editor__container{height:100%;width:100%}.ll-cropper-image.is-circled .cropper-face,.ll-cropper-image.is-circled .cropper-view-box{border-radius:50%}.ll-cropper-modal{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.ll-cropper-modal__left{width:calc(55% - 36px)}.ll-cropper-modal__right{width:45%}.ll-cropper-modal__cropper{height:300px;background:var(--color-bg-layout);background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0),linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0);background-position:0 0,12px 12px;background-size:24px 24px}.ll-cropper-modal__toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ll-cropper-modal__toolbar .ll-button{display:flex;align-items:center}.ll-cropper-modal__preview{width:220px;height:220px;margin:0 auto;overflow:hidden;border:1px solid var(--color-border);border-radius:50%}.ll-cropper-modal__preview img{width:100%;height:100%}.ll-cropper-modal__group{display:flex;padding-top:8px;margin-top:8px;border-top:1px solid var(--color-border);justify-content:space-around;align-items:center}.ll-cropper-modal__group .ll-image{border-radius:50%!important}.ll-cropper-modal__cropper-avatar{cursor:pointer;border-radius:32px}.ll-cropper-modal__cropper-avatar .icon-avatar{color:#fff}.ll-cropper-modal__cropper-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}/*!
  * Cropper.js v1.6.2
  * https://fengyuanchen.github.io/cropperjs
  *