ll-plus 2.3.15 → 2.3.17

package/lib/components/modal/src/modal.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.vue2.js","sources":["../../../../../packages/components/modal/src/modal.vue"],"sourcesContent":["<template>\n  <Modal\n    v-bind=\"getBindValue\"\n    ref=\"modal\"\n    :open=\"props.open\"\n    :title=\"props.title\"\n    :wrap-class-name=\"`${bem.b()} ${props.wrapClassName}`\"\n    :class=\"[\n      props.class,\n      hasScroll ? bem.is('has-scroll') : '',\n      bem.is(props.isConfirmModel ? 'confirm-model' : '')\n    ]\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <div :class=\"[bem.e('container'), symbolClass, bem.is(props.type)]\">\n      <div :class=\"[symbolComparedClass]\">\n        <slot />\n      </div>\n    </div>\n    <template v-if=\"props.showFooter\" #footer>\n      <slot name=\"footer\">\n        <!-- 确认框 -->\n\n        <ll-button\n          v-if=\"props.showCancel && props.type !== 'confirm'\"\n          :label=\"props.cancelText ? props.cancelText : '取消'\"\n          size=\"middle\"\n          @click=\"handleCancel\"\n        >\n        </ll-button>\n        <ll-button\n          type=\"primary\"\n          :loading=\"props.loading\"\n          size=\"middle\"\n          :label=\"\n            props.confirmText\n              ? props.confirmText\n              : props.type === 'confirm'\n              ? '知道了'\n              : '确认'\n          \"\n          @click=\"handleOk\"\n        />\n      </slot>\n    </template>\n  </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, watch, nextTick, computed } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { modalProps, modalEmits } from './modal'\nimport type { IResultType } from './modal'\ndefineOptions({ name: 'LlModal' })\n// 1.props/ref\nconst props = defineProps(modalProps)\n// 2.emits\nconst emits = defineEmits(modalEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('modal')\n\nconst modal = ref<HTMLElement>()\n\nconst hasScroll = ref(false)\n\nconst symbolClass = ref(`ll-modal-${new Date().getTime()}`)\n\nconst symbolComparedClass = ref(`model-content-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => {\n  const result: IResultType = {\n    ...omit({ ...attrs }, [...Object.keys(modalProps), 'wrapClassName'])\n  }\n  if (props.showFooter === false) {\n    result.footer = null\n  }\n  return result\n})\n\n// 3.methods\nconst handleCancel = () => {\n  emits('cancel')\n  emits('update:open')\n}\nconst handleOk = () => {\n  emits('ok')\n}\n\nconst handleResize = async (value: boolean) => {\n  await nextTick()\n  const ele = document.getElementsByClassName(symbolClass.value)[0]\n  const modalBody = ele.getElementsByClassName(symbolComparedClass.value)[0]\n  const resizeObserver = new ResizeObserver(entries => {\n    // 处理大小变化的回调函数\n    const { clientHeight } = entries[0].target\n    const scrollHeight = ele.clientHeight\n    hasScroll.value = clientHeight > scrollHeight\n  })\n  if (value) {\n    resizeObserver.observe(modalBody)\n  } else {\n    resizeObserver.unobserve(modalBody)\n  }\n}\n\n// 4.watch/computed\nwatch(\n  () => props.open,\n  val => {\n    handleResize(val)\n  }\n)\n</script>\n"],"names":["useAttrs","createNamespace","modal","ref","computed","omit","modalProps","nextTick","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAMC,UAAQC,OAAiB,EAAA,CAAA;AAE/B,IAAM,MAAA,SAAA,GAAYA,QAAI,KAAK,CAAA,CAAA;AAE3B,IAAM,MAAA,WAAA,GAAcA,QAAI,CAAY,SAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAE1D,IAAM,MAAA,mBAAA,GAAsBA,QAAI,CAAiB,cAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAEvE,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAGC,aAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAKC,gBAAU,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACrE,CAAA;AACA,MAAI,IAAA,KAAA,CAAM,eAAe,KAAO,EAAA;AAC9B,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AAAA,OAClB;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAGD,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,OAAO,KAAmB,KAAA;AAC7C,MAAA,MAAMC,YAAS,EAAA,CAAA;AACf,MAAA,MAAM,MAAM,QAAS,CAAA,sBAAA,CAAuB,WAAY,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AAChE,MAAA,MAAM,YAAY,GAAI,CAAA,sBAAA,CAAuB,mBAAoB,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AACzE,MAAM,MAAA,cAAA,GAAiB,IAAI,cAAA,CAAe,CAAW,OAAA,KAAA;AAEnD,QAAA,MAAM,EAAE,YAAA,EAAiB,GAAA,OAAA,CAAQ,CAAC,CAAE,CAAA,MAAA,CAAA;AACpC,QAAA,MAAM,eAAe,GAAI,CAAA,YAAA,CAAA;AACzB,QAAA,SAAA,CAAU,QAAQ,YAAe,GAAA,YAAA,CAAA;AAAA,OAClC,CAAA,CAAA;AACD,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,cAAA,CAAe,QAAQ,SAAS,CAAA,CAAA;AAAA,OAC3B,MAAA;AACL,QAAA,cAAA,CAAe,UAAU,SAAS,CAAA,CAAA;AAAA,OACpC;AAAA,KACF,CAAA;AAGA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,YAAA,CAAa,GAAG,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"modal.vue2.js","sources":["../../../../../packages/components/modal/src/modal.vue"],"sourcesContent":["<template>\n  <Modal\n    v-bind=\"getBindValue\"\n    ref=\"modal\"\n    :open=\"props.open\"\n    :title=\"props.title\"\n    :wrap-class-name=\"`${bem.b()} ${props.wrapClassName}`\"\n    :class=\"[\n      props.class,\n      hasScroll ? bem.is('has-scroll') : '',\n      bem.is(props.isConfirmModel ? 'confirm-model' : '')\n    ]\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <div v-if=\"$slots.step\" :class=\"bem.e('step')\">\n      <slot name=\"step\" />\n    </div>\n    <div :class=\"[bem.e('container'), symbolClass, bem.is(props.type)]\">\n      <div v-if=\"hasScroll && scrollTop > 0\" :class=\"bem.e('shadow')\" />\n      <div :class=\"[symbolComparedClass]\">\n        <slot />\n      </div>\n    </div>\n    <template v-if=\"props.showFooter\" #footer>\n      <slot name=\"footer\">\n        <!-- 确认框 -->\n\n        <ll-button\n          v-if=\"props.showCancel && props.type !== 'confirm'\"\n          :label=\"props.cancelText ? props.cancelText : '取消'\"\n          size=\"middle\"\n          @click=\"handleCancel\"\n        >\n        </ll-button>\n        <ll-button\n          type=\"primary\"\n          :loading=\"props.loading\"\n          size=\"middle\"\n          :label=\"\n            props.confirmText\n              ? props.confirmText\n              : props.type === 'confirm'\n              ? '知道了'\n              : '确认'\n          \"\n          @click=\"handleOk\"\n        />\n      </slot>\n    </template>\n  </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, watch, nextTick, computed } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { modalProps, modalEmits } from './modal'\nimport type { IResultType } from './modal'\ndefineOptions({ name: 'LlModal' })\n// 1.props/ref\nconst props = defineProps(modalProps)\n// 2.emits\nconst emits = defineEmits(modalEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('modal')\n\nconst modal = ref<HTMLElement>()\n\nconst hasScroll = ref(false)\n\nconst scrollTop = ref(0)\n\nconst symbolClass = ref(`ll-modal-${new Date().getTime()}`)\n\nconst symbolComparedClass = ref(`model-content-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => {\n  const result: IResultType = {\n    ...omit({ ...attrs }, [...Object.keys(modalProps), 'wrapClassName'])\n  }\n  if (props.showFooter === false) {\n    result.footer = null\n  }\n  return result\n})\n\n// 3.methods\nconst handleCancel = () => {\n  emits('cancel')\n  emits('update:open')\n}\nconst handleOk = () => {\n  emits('ok')\n}\n\nconst handleResize = async (value: boolean) => {\n  await nextTick()\n  const ele = document.getElementsByClassName(symbolClass.value)[0]\n  const modalBody = ele.getElementsByClassName(symbolComparedClass.value)[0]\n  const resizeObserver = new ResizeObserver(entries => {\n    // 处理大小变化的回调函数\n    const { clientHeight } = entries[0].target\n    const scrollHeight = ele.clientHeight\n    hasScroll.value = clientHeight > scrollHeight\n  })\n  if (value) {\n    resizeObserver.observe(modalBody)\n    ele.addEventListener('scroll', () => {\n      scrollTop.value = ele.scrollTop\n    })\n  } else {\n    resizeObserver.unobserve(modalBody)\n    ele.removeEventListener('scroll', () => {\n      scrollTop.value = 0\n    })\n  }\n}\n\nconst onScrollTop = async () => {\n  await nextTick()\n  if (!hasScroll.value) return\n  const ele = document.getElementsByClassName(symbolClass.value)[0]\n  ele.scrollTop = 0\n}\n\n// 4.watch/computed\nwatch(\n  () => props.open,\n  val => {\n    handleResize(val)\n  }\n)\n\ndefineExpose({\n  onScrollTop\n})\n</script>\n"],"names":["useAttrs","createNamespace","modal","ref","computed","omit","modalProps","nextTick","watch"],"mappings":"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"}

package/lib/components/select-group/index.d.ts

@@ -13,13 +13,26 @@ export declare const LlSelectGroup: import("ll-plus/es/utils").SFCWithInstall<im
         readonly data: import("./src/select-group").SelectGroupData[];
         readonly value?: import("ll-plus/es/utils").EpPropMergeType<readonly [ArrayConstructor, StringConstructor, NumberConstructor, BooleanConstructor, ObjectConstructor], unknown, unknown> | undefined;
         readonly selectValue?: string | undefined;
-        readonly onChange?: ((selectV: string, value: string) => any) | undefined;
+        readonly onChange?: ((selectV: string, value?: string | undefined) => any) | undefined;
         readonly onOnSelectChange?: ((selectV: string, item: import("./src/select-group").SelectGroupData) => any) | undefined;
     } & {}>;
-    emits: ((event: "change", selectV: string, value: string) => void) & ((event: "onSelectChange", selectV: string, item: import("./src/select-group").SelectGroupData) => void);
+    emits: ((event: "change", selectV: string, value?: string | undefined) => void) & ((event: "onSelectChange", selectV: string, item: import("./src/select-group").SelectGroupData) => void);
     typeSelectValue: import("vue").Ref<string>;
     value: import("vue").Ref<any>;
     selectItem: import("vue").Ref<import("./src/select-group").SelectGroupData | undefined>;
+    newList: import("vue").Ref<{
+        readonly value: string;
+        readonly name: string;
+        readonly options?: any[] | undefined;
+        readonly placeholder?: string | undefined;
+        readonly fieldNames?: object | undefined;
+        readonly list?: {
+            [x: string]: any;
+            name?: string | undefined;
+            value?: any;
+        }[] | undefined;
+        readonly showFormType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "select" | "input" | "range-picker" | "treeSelect", unknown> | undefined;
+    }[]>;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -40,10 +53,11 @@ export declare const LlSelectGroup: import("ll-plus/es/utils").SFCWithInstall<im
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
+    leftSelectWidth: import("vue").ComputedRef<string>;
     handleSelectChange: (_: string, options: any) => void;
     handleChange: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (selectV: string, value: string) => boolean;
+    change: (selectV: string, value?: string | undefined) => boolean;
     onSelectChange: (selectV: string, item: import("./src/select-group").SelectGroupData) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly selectValue: {
@@ -55,7 +69,7 @@ export declare const LlSelectGroup: import("ll-plus/es/utils").SFCWithInstall<im
     readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [ArrayConstructor, StringConstructor, NumberConstructor, BooleanConstructor, ObjectConstructor], unknown, unknown, undefined, boolean>;
     readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/select-group").SelectGroupData[]) | (() => import("./src/select-group").SelectGroupData[]) | ((new (...args: any[]) => import("./src/select-group").SelectGroupData[]) | (() => import("./src/select-group").SelectGroupData[]))[], unknown, unknown, () => never[], boolean>;
 }>> & {
-    onChange?: ((selectV: string, value: string) => any) | undefined;
+    onChange?: ((selectV: string, value?: string | undefined) => any) | undefined;
     onOnSelectChange?: ((selectV: string, item: import("./src/select-group").SelectGroupData) => any) | undefined;
 }, {
     readonly value: import("ll-plus/es/utils").EpPropMergeType<readonly [ArrayConstructor, StringConstructor, NumberConstructor, BooleanConstructor, ObjectConstructor], unknown, unknown>;

package/lib/components/select-group/index.js

@@ -10,6 +10,7 @@ var withInstall = require('../../utils/with-install.js');
 "use strict";
 const LlSelectGroup = withInstall.withInstall(selectGroup$1.default);
 
+exports.LEFT_SELECT_MIN_WIDTH = selectGroup.LEFT_SELECT_MIN_WIDTH;
 exports.selectGroupData = selectGroup.selectGroupData;
 exports.selectGroupEmits = selectGroup.selectGroupEmits;
 exports.selectGroupFormType = selectGroup.selectGroupFormType;

package/lib/components/select-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/components/select-group/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport SelectGroup from './src/select-group.vue'\n\nexport const LlSelectGroup = withInstall(SelectGroup)\nexport default LlSelectGroup\nexport * from './src/select-group'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlSelectGroup: typeof SelectGroup\n  }\n}\n"],"names":["withInstall","SelectGroup"],"mappings":";;;;;;;;;;AAIa,MAAA,aAAA,GAAgBA,wBAAYC,qBAAW;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../packages/components/select-group/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport SelectGroup from './src/select-group.vue'\n\nexport const LlSelectGroup = withInstall(SelectGroup)\nexport default LlSelectGroup\nexport * from './src/select-group'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlSelectGroup: typeof SelectGroup\n  }\n}\n"],"names":["withInstall","SelectGroup"],"mappings":";;;;;;;;;;AAIa,MAAA,aAAA,GAAgBA,wBAAYC,qBAAW;;;;;;;;;;"}

package/lib/components/select-group/src/select-group.d.ts

@@ -61,9 +61,10 @@ export declare const selectGroupProps: {
     readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => SelectGroupData[]) | (() => SelectGroupData[]) | ((new (...args: any[]) => SelectGroupData[]) | (() => SelectGroupData[]))[], unknown, unknown, () => never[], boolean>;
 };
 export declare const selectGroupEmits: {
-    change: (selectV: string, value: string) => boolean;
+    change: (selectV: string, value?: string) => boolean;
     onSelectChange: (selectV: string, item: SelectGroupData) => boolean;
 };
+export declare const LEFT_SELECT_MIN_WIDTH = 84;
 export type SelectGroupProps = ExtractPropTypes<typeof selectGroupProps>;
 export type SelectGroupData = ExtractPropTypes<typeof selectGroupData>;
 export type SelectGroupFormType = SelectGroupData['showFormType'];

package/lib/components/select-group/src/select-group.js

@@ -81,11 +81,13 @@ const selectGroupProps = runtime.buildProps({
   }
 });
 const selectGroupEmits = {
-  change: (selectV, value) => !!selectV && !!value,
+  change: (selectV, value) => !!selectV || !!value,
   onSelectChange: (selectV, item) => !!selectV && !!item
   // 左侧selectchange
 };
+const LEFT_SELECT_MIN_WIDTH = 84;
 
+exports.LEFT_SELECT_MIN_WIDTH = LEFT_SELECT_MIN_WIDTH;
 exports.selectGroupData = selectGroupData;
 exports.selectGroupEmits = selectGroupEmits;
 exports.selectGroupFormType = selectGroupFormType;

package/lib/components/select-group/src/select-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-group.js","sources":["../../../../../packages/components/select-group/src/select-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type SelectGroup from './select-group.vue'\n\nexport interface ISelectGroupItem {\n  name?: string\n  value?: any\n  [key: string]: any\n}\n\nexport const selectGroupFormType = [\n  'input',\n  'select',\n  'range-picker',\n  'treeSelect'\n] as const\n\nexport const selectGroupData = buildProps({\n  // buildProps和defineprops一样\n  /**\n   * @description 表单提示占位符\n   */\n  placeholder: {\n    type: String\n  },\n  /**\n   * @description 表单的字段 name\n   */\n  name: {\n    type: String,\n    required: true\n  },\n  /**\n   * @description 右边表单的 value\n   */\n  value: {\n    type: String,\n    required: true\n  },\n  /**\n   * @description SVG 图标的大小，size x size\n   */\n  showFormType: {\n    type: String,\n    values: selectGroupFormType\n  },\n  /**\n   * @description 格式化属性例如tree/select\n   */\n  fieldNames: {\n    type: definePropType<object>(Object)\n  },\n  /**\n   * @description select的options\n   */\n  options: {\n    type: definePropType<any[]>(Array)\n  },\n  /**\n   * @description 左侧选择的options\n   */\n  list: {\n    type: definePropType<ISelectGroupItem[]>(Array)\n  }\n} as const)\nexport const selectGroupProps = buildProps({\n  /**\n   * @description 选中select中的某一项（和value对应）\n   */\n  selectValue: {\n    type: String\n  },\n  /**\n   * @description 右边表单的 value\n   */\n  value: {\n    type: [Array, String, Number, Boolean, Object],\n    default: undefined\n  },\n  /**\n   * @description select的options\n   */\n  data: {\n    type: definePropType<SelectGroupData[]>(Array),\n    default: () => []\n  }\n} as const)\n\nexport const selectGroupEmits = {\n  change: (selectV: string, value: string) => !!selectV && !!value,\n  onSelectChange: (selectV: string, item: SelectGroupData) =>\n    !!selectV && !!item // 左侧selectchange\n}\n\n// props\nexport type SelectGroupProps = ExtractPropTypes<typeof selectGroupProps>\nexport type SelectGroupData = ExtractPropTypes<typeof selectGroupData>\nexport type SelectGroupFormType = SelectGroupData['showFormType']\n\nexport type SelectGroupEmits = typeof selectGroupEmits\n\n// instance\nexport type SelectGroupInstance = InstanceType<typeof SelectGroup>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAYO,MAAM,mBAAsB,GAAA;AAAA,EACjC,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AACF,EAAA;AAEO,MAAM,kBAAkBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,mBAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMC,uBAAuB,MAAM,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAAsB,KAAK,CAAA;AAAA,GACnC;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMA,uBAAmC,KAAK,CAAA;AAAA,GAChD;AACF,CAAU,EAAA;AACH,MAAM,mBAAmBD,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,MAAM,CAAC,KAAA,EAAO,MAAQ,EAAA,MAAA,EAAQ,SAAS,MAAM,CAAA;AAAA,IAC7C,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAkC,KAAK,CAAA;AAAA,IAC7C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAA,EAAQ,CAAC,OAAiB,EAAA,KAAA,KAAkB,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,KAAA;AAAA,EAC3D,cAAA,EAAgB,CAAC,OAAiB,EAAA,IAAA,KAChC,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,IAAA;AAAA;AACnB;;;;;;;"}
+{"version":3,"file":"select-group.js","sources":["../../../../../packages/components/select-group/src/select-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type SelectGroup from './select-group.vue'\n\nexport interface ISelectGroupItem {\n  name?: string\n  value?: any\n  [key: string]: any\n}\n\nexport const selectGroupFormType = [\n  'input',\n  'select',\n  'range-picker',\n  'treeSelect'\n] as const\n\nexport const selectGroupData = buildProps({\n  // buildProps和defineprops一样\n  /**\n   * @description 表单提示占位符\n   */\n  placeholder: {\n    type: String\n  },\n  /**\n   * @description 表单的字段 name\n   */\n  name: {\n    type: String,\n    required: true\n  },\n  /**\n   * @description 右边表单的 value\n   */\n  value: {\n    type: String,\n    required: true\n  },\n  /**\n   * @description SVG 图标的大小，size x size\n   */\n  showFormType: {\n    type: String,\n    values: selectGroupFormType\n  },\n  /**\n   * @description 格式化属性例如tree/select\n   */\n  fieldNames: {\n    type: definePropType<object>(Object)\n  },\n  /**\n   * @description select的options\n   */\n  options: {\n    type: definePropType<any[]>(Array)\n  },\n  /**\n   * @description 左侧选择的options\n   */\n  list: {\n    type: definePropType<ISelectGroupItem[]>(Array)\n  }\n} as const)\nexport const selectGroupProps = buildProps({\n  /**\n   * @description 选中select中的某一项（和value对应）\n   */\n  selectValue: {\n    type: String\n  },\n  /**\n   * @description 右边表单的 value\n   */\n  value: {\n    type: [Array, String, Number, Boolean, Object],\n    default: undefined\n  },\n  /**\n   * @description select的options\n   */\n  data: {\n    type: definePropType<SelectGroupData[]>(Array),\n    default: () => []\n  }\n} as const)\n\nexport const selectGroupEmits = {\n  change: (selectV: string, value?: string) => !!selectV || !!value,\n  onSelectChange: (selectV: string, item: SelectGroupData) =>\n    !!selectV && !!item // 左侧selectchange\n}\n\nexport const LEFT_SELECT_MIN_WIDTH = 84 // 左侧select的宽度\n\n// props\nexport type SelectGroupProps = ExtractPropTypes<typeof selectGroupProps>\nexport type SelectGroupData = ExtractPropTypes<typeof selectGroupData>\nexport type SelectGroupFormType = SelectGroupData['showFormType']\n\nexport type SelectGroupEmits = typeof selectGroupEmits\n\n// instance\nexport type SelectGroupInstance = InstanceType<typeof SelectGroup>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAYO,MAAM,mBAAsB,GAAA;AAAA,EACjC,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AACF,EAAA;AAEO,MAAM,kBAAkBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,mBAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMC,uBAAuB,MAAM,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAAsB,KAAK,CAAA;AAAA,GACnC;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMA,uBAAmC,KAAK,CAAA;AAAA,GAChD;AACF,CAAU,EAAA;AACH,MAAM,mBAAmBD,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,MAAM,CAAC,KAAA,EAAO,MAAQ,EAAA,MAAA,EAAQ,SAAS,MAAM,CAAA;AAAA,IAC7C,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAkC,KAAK,CAAA;AAAA,IAC7C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAA,EAAQ,CAAC,OAAiB,EAAA,KAAA,KAAmB,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,KAAA;AAAA,EAC5D,cAAA,EAAgB,CAAC,OAAiB,EAAA,IAAA,KAChC,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,IAAA;AAAA;AACnB,EAAA;AAEO,MAAM,qBAAwB,GAAA;;;;;;;;"}

package/lib/components/select-group/src/select-group.vue.d.ts

@@ -13,13 +13,26 @@ declare const _default: import("vue").DefineComponent<{
         readonly data: SelectGroupData[];
         readonly value?: import("ll-plus/es/utils").EpPropMergeType<readonly [ArrayConstructor, StringConstructor, NumberConstructor, BooleanConstructor, ObjectConstructor], unknown, unknown> | undefined;
         readonly selectValue?: string | undefined;
-        readonly onChange?: ((selectV: string, value: string) => any) | undefined;
+        readonly onChange?: ((selectV: string, value?: string | undefined) => any) | undefined;
         readonly onOnSelectChange?: ((selectV: string, item: SelectGroupData) => any) | undefined;
     } & {}>;
-    emits: ((event: "change", selectV: string, value: string) => void) & ((event: "onSelectChange", selectV: string, item: SelectGroupData) => void);
+    emits: ((event: "change", selectV: string, value?: string | undefined) => void) & ((event: "onSelectChange", selectV: string, item: SelectGroupData) => void);
     typeSelectValue: import("vue").Ref<string>;
     value: import("vue").Ref<any>;
     selectItem: import("vue").Ref<SelectGroupData | undefined>;
+    newList: import("vue").Ref<{
+        readonly value: string;
+        readonly name: string;
+        readonly options?: any[] | undefined;
+        readonly placeholder?: string | undefined;
+        readonly fieldNames?: object | undefined;
+        readonly list?: {
+            [x: string]: any;
+            name?: string | undefined;
+            value?: any;
+        }[] | undefined;
+        readonly showFormType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "select" | "input" | "range-picker" | "treeSelect", unknown> | undefined;
+    }[]>;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -40,10 +53,11 @@ declare const _default: import("vue").DefineComponent<{
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
+    leftSelectWidth: import("vue").ComputedRef<string>;
     handleSelectChange: (_: string, options: any) => void;
     handleChange: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (selectV: string, value: string) => boolean;
+    change: (selectV: string, value?: string | undefined) => boolean;
     onSelectChange: (selectV: string, item: SelectGroupData) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly selectValue: {
@@ -55,7 +69,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [ArrayConstructor, StringConstructor, NumberConstructor, BooleanConstructor, ObjectConstructor], unknown, unknown, undefined, boolean>;
     readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => SelectGroupData[]) | (() => SelectGroupData[]) | ((new (...args: any[]) => SelectGroupData[]) | (() => SelectGroupData[]))[], unknown, unknown, () => never[], boolean>;
 }>> & {
-    onChange?: ((selectV: string, value: string) => any) | undefined;
+    onChange?: ((selectV: string, value?: string | undefined) => any) | undefined;
     onOnSelectChange?: ((selectV: string, item: SelectGroupData) => any) | undefined;
 }, {
     readonly value: import("ll-plus/es/utils").EpPropMergeType<readonly [ArrayConstructor, StringConstructor, NumberConstructor, BooleanConstructor, ObjectConstructor], unknown, unknown>;

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

@@ -19,8 +19,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const typeSelectValue = vue.ref("1");
     const value = vue.ref("");
     const selectItem = vue.ref();
+    const newList = vue.ref([]);
     const bem = createNamespace.createNamespace("select-group");
     const bemContainer = createNamespace.createNamespace("select-group-container");
+    const leftSelectWidth = vue.computed(() => {
+      const names = newList.value.map((item) => item.name.length);
+      const maxNameLength = Math.max(...names);
+      if (maxNameLength <= 3) {
+        return selectGroup.LEFT_SELECT_MIN_WIDTH + "px";
+      }
+      const width = selectGroup.LEFT_SELECT_MIN_WIDTH + (maxNameLength - 3) * 14;
+      return width + "px";
+    });
     const handleSelectChange = (_, options) => {
       const item = options.item;
       const formType = item.showFormType;
@@ -29,25 +39,56 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       } else if (formType === "range-picker") {
         value.value = [void 0, void 0];
       } else if (formType === "select") {
-        value.value = void 0;
+        value.value = -1;
       }
       selectItem.value = options.item;
       emits("onSelectChange", _, options);
     };
     const handleChange = () => {
-      emits("change", selectItem.value?.value, value.value);
+      emits(
+        "change",
+        selectItem.value?.value,
+        value.value === -1 ? void 0 : value.value
+      );
     };
     vue.watch(
       () => [props.selectValue, props.data],
       ([selectValue, newData]) => {
         if (newData && newData.length) {
-          let firstItem = newData[0];
-          const findItem = newData.find((item) => item.value === selectValue);
+          const list = newData.map((item) => {
+            const newItem = { ...item };
+            if (newItem.showFormType === "select") {
+              if (newItem.options?.length) {
+                newItem.options = [
+                  {
+                    label: "\u5168\u90E8",
+                    value: -1
+                  },
+                  ...newItem.options
+                ];
+              } else if (newItem.list?.length) {
+                newItem.list = [
+                  {
+                    name: "\u5168\u90E8",
+                    value: -1
+                  },
+                  ...newItem.list
+                ];
+              }
+            }
+            return newItem;
+          });
+          let firstItem = list[0];
+          const findItem = list.find((item) => item.value === selectValue);
           if (findItem) {
             firstItem = findItem;
           }
+          if (firstItem.showFormType === "select") {
+            value.value = -1;
+          }
           selectItem.value = firstItem;
           typeSelectValue.value = selectValue ? selectValue : firstItem.value;
+          newList.value = list;
         }
       },
       {
@@ -91,13 +132,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     value: typeSelectValue.value,
                     "onUpdate:value": _cache[0] || (_cache[0] = ($event) => typeSelectValue.value = $event),
                     class: "select-group-left-select-container",
+                    style: vue.normalizeStyle({ minWidth: leftSelectWidth.value }),
                     onChange: handleSelectChange
                   }, {
                     default: vue.withCtx(() => [
                       (vue.openBlock(true), vue.createElementBlock(
                         vue.Fragment,
                         null,
-                        vue.renderList(_ctx.data, (item) => {
+                        vue.renderList(newList.value, (item) => {
                           return vue.openBlock(), vue.createBlock(_component_a_select_option, {
                             key: item.name,
                             value: item.value,
@@ -120,13 +162,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["value"]),
+                  }, 8, ["value", "style"]),
                   vue.createCommentVNode(" \u53F3\u4FA7\u7EC4\u5408\u8868\u5355 "),
                   vue.createCommentVNode(" input\u8F93\u5165\u6846 "),
                   !selectItem.value?.showFormType || selectItem.value?.showFormType === "input" ? (vue.openBlock(), vue.createBlock(_component_a_input, {
                     key: 0,
                     value: value.value,
                     "onUpdate:value": _cache[1] || (_cache[1] = ($event) => value.value = $event),
+                    class: vue.normalizeClass(vue.unref(bem).e("right-input")),
                     placeholder: selectItem.value?.placeholder,
                     onPressEnter: handleChange
                   }, {
@@ -138,7 +181,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["value", "placeholder"])) : selectItem.value?.showFormType === "select" ? (vue.openBlock(), vue.createElementBlock(
+                  }, 8, ["value", "class", "placeholder"])) : selectItem.value?.showFormType === "select" ? (vue.openBlock(), vue.createElementBlock(
                     vue.Fragment,
                     { key: 1 },
                     [
@@ -146,10 +189,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       vue.createVNode(_component_a_select, {
                         value: value.value,
                         "onUpdate:value": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+                        class: vue.normalizeClass(vue.unref(bem).e("right-select")),
                         "popup-class-name": "select-group-right-select",
                         options: selectItem.value?.options,
                         placeholder: selectItem.value?.placeholder,
-                        style: { "width": "100%" },
                         "field-names": selectItem.value?.fieldNames,
                         onChange: handleChange
                       }, {
@@ -179,7 +222,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         ]),
                         _: 1
                         /* STABLE */
-                      }, 8, ["value", "options", "placeholder", "field-names"])
+                      }, 8, ["value", "class", "options", "placeholder", "field-names"])
                     ],
                     64
                     /* STABLE_FRAGMENT */
@@ -191,8 +234,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       vue.createVNode(_component_a_range_picker, {
                         value: value.value,
                         "onUpdate:value": _cache[3] || (_cache[3] = ($event) => value.value = $event),
+                        class: vue.normalizeClass(vue.unref(bem).e("right-range-picker")),
                         onChange: handleChange
-                      }, null, 8, ["value"])
+                      }, null, 8, ["value", "class"])
                     ],
                     64
                     /* STABLE_FRAGMENT */
@@ -204,12 +248,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       vue.createVNode(_component_a_tree_select, {
                         value: value.value,
                         "onUpdate:value": _cache[4] || (_cache[4] = ($event) => value.value = $event),
-                        style: { "width": "100%" },
+                        class: vue.normalizeClass(vue.unref(bem).e("right-tree-select")),
                         "field-names": selectItem.value.fieldNames,
                         placeholder: selectItem.value?.placeholder,
                         "tree-data": selectItem.value.list,
                         onSelect: handleChange
-                      }, null, 8, ["value", "field-names", "placeholder", "tree-data"])
+                      }, null, 8, ["value", "class", "field-names", "placeholder", "tree-data"])
                     ],
                     64
                     /* STABLE_FRAGMENT */

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

@@ -1 +1 @@
-{"version":3,"file":"select-group.vue2.js","sources":["../../../../../packages/components/select-group/src/select-group.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div :class=\"bemContainer.b()\">\n      <a-input-group compact>\n        <!-- 左侧select -->\n        <a-select\n          v-model:value=\"typeSelectValue\"\n          class=\"select-group-left-select-container\"\n          @change=\"handleSelectChange\"\n        >\n          <a-select-option\n            v-for=\"item in data\"\n            :key=\"item.name\"\n            :value=\"item.value\"\n            :item=\"item\"\n          >\n            {{ item.name }}\n          </a-select-option>\n        </a-select>\n        <!-- 右侧组合表单 -->\n        <!-- input输入框 -->\n        <template\n          v-if=\"\n            !selectItem?.showFormType || selectItem?.showFormType === 'input'\n          \"\n        >\n          <a-input\n            v-model:value=\"value\"\n            :placeholder=\"selectItem?.placeholder\"\n            @press-enter=\"handleChange\"\n          >\n            <template #suffix>\n              <ll-icon :icon-name=\"`icon-search`\" @click=\"handleChange\" />\n            </template>\n          </a-input>\n        </template>\n        <!-- select下拉框 -->\n        <template v-else-if=\"selectItem?.showFormType === 'select'\">\n          <a-select\n            v-model:value=\"value\"\n            popup-class-name=\"select-group-right-select\"\n            :options=\"selectItem?.options\"\n            :placeholder=\"selectItem?.placeholder\"\n            style=\"width: 100%\"\n            :field-names=\"selectItem?.fieldNames\"\n            @change=\"handleChange\"\n          >\n            <a-select-option\n              v-for=\"item in selectItem.list\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n            >\n              {{ item.name }}\n            </a-select-option>\n          </a-select>\n        </template>\n        <!-- 日期选择 -->\n        <template v-else-if=\"selectItem?.showFormType === 'range-picker'\">\n          <a-range-picker v-model:value=\"value\" @change=\"handleChange\" />\n        </template>\n        <!-- 树选择 -->\n        <template v-else-if=\"selectItem?.showFormType === 'treeSelect'\">\n          <a-tree-select\n            v-model:value=\"value\"\n            style=\"width: 100%\"\n            :field-names=\"selectItem.fieldNames\"\n            :placeholder=\"selectItem?.placeholder\"\n            :tree-data=\"selectItem.list\"\n            @select=\"handleChange\"\n          ></a-tree-select>\n        </template>\n        <template v-else>\n          <slot name=\"extra\" v-bind=\"selectItem\" />\n        </template>\n      </a-input-group>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport { selectGroupProps, selectGroupEmits } from './select-group'\nimport { createNamespace } from '@ll-plus/utils'\n\nimport type { SelectGroupData } from './select-group'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlSelectGroup' })\n\n// 1.props/emits\nconst props = defineProps(selectGroupProps)\nconst emits = defineEmits(selectGroupEmits)\n\n// 3.ref/const\nconst typeSelectValue = ref('1') // selectinput组合select的值\nconst value = ref<any>('')\nconst selectItem = ref<SelectGroupData>() // 选中表单的类型\nconst bem = createNamespace('select-group')\nconst bemContainer = createNamespace('select-group-container')\n\n// 4.methods\n// 第一个select的change\nconst handleSelectChange = (_: string, options: any) => {\n  const item = options.item\n  const formType = item.showFormType\n  // 如果\n  if (!formType || formType === 'input' || formType === 'treeSelect') {\n    value.value = ''\n  } else if (formType === 'range-picker') {\n    value.value = [undefined, undefined]\n  } else if (formType === 'select') {\n    value.value = undefined\n  }\n  selectItem.value = options.item\n  emits('onSelectChange', _, options)\n}\n// 整合处理change\nconst handleChange = () => {\n  emits('change', selectItem.value?.value as string, value.value)\n}\n\n// 5.watch\n// 已第一个为标准\nwatch(\n  () => [props.selectValue, props.data] as [string, SelectGroupData[]],\n  ([selectValue, newData]) => {\n    if (newData && newData.length) {\n      let firstItem = newData[0]\n      const findItem = newData.find(item => item.value === selectValue)\n      if (findItem) {\n        firstItem = findItem\n      }\n      selectItem.value = firstItem!\n      typeSelectValue.value = selectValue ? selectValue : firstItem.value\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n\nwatch(\n  () => props.value,\n  (newV: any) => {\n    value.value = newV\n  },\n  {\n    immediate: true\n  }\n)\n</script>\n"],"names":["ref","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;AA2FA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,eAAA,GAAkBA,QAAI,GAAG,CAAA,CAAA;AAC/B,IAAM,MAAA,KAAA,GAAQA,QAAS,EAAE,CAAA,CAAA;AACzB,IAAA,MAAM,aAAaA,OAAqB,EAAA,CAAA;AACxC,IAAM,MAAA,GAAA,GAAMC,gCAAgB,cAAc,CAAA,CAAA;AAC1C,IAAM,MAAA,YAAA,GAAeA,gCAAgB,wBAAwB,CAAA,CAAA;AAI7D,IAAM,MAAA,kBAAA,GAAqB,CAAC,CAAA,EAAW,OAAiB,KAAA;AACtD,MAAA,MAAM,OAAO,OAAQ,CAAA,IAAA,CAAA;AACrB,MAAA,MAAM,WAAW,IAAK,CAAA,YAAA,CAAA;AAEtB,MAAA,IAAI,CAAC,QAAA,IAAY,QAAa,KAAA,OAAA,IAAW,aAAa,YAAc,EAAA;AAClE,QAAA,KAAA,CAAM,KAAQ,GAAA,EAAA,CAAA;AAAA,OAChB,MAAA,IAAW,aAAa,cAAgB,EAAA;AACtC,QAAM,KAAA,CAAA,KAAA,GAAQ,CAAC,KAAA,CAAA,EAAW,KAAS,CAAA,CAAA,CAAA;AAAA,OACrC,MAAA,IAAW,aAAa,QAAU,EAAA;AAChC,QAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAA,CAAA;AAAA,OAChB;AACA,MAAA,UAAA,CAAW,QAAQ,OAAQ,CAAA,IAAA,CAAA;AAC3B,MAAM,KAAA,CAAA,gBAAA,EAAkB,GAAG,OAAO,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAU,EAAA,UAAA,CAAW,KAAO,EAAA,KAAA,EAAiB,MAAM,KAAK,CAAA,CAAA;AAAA,KAChE,CAAA;AAIA,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,WAAA,EAAa,MAAM,IAAI,CAAA;AAAA,MACpC,CAAC,CAAC,WAAa,EAAA,OAAO,CAAM,KAAA;AAC1B,QAAI,IAAA,OAAA,IAAW,QAAQ,MAAQ,EAAA;AAC7B,UAAI,IAAA,SAAA,GAAY,QAAQ,CAAC,CAAA,CAAA;AACzB,UAAA,MAAM,WAAW,OAAQ,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,UAAU,WAAW,CAAA,CAAA;AAChE,UAAA,IAAI,QAAU,EAAA;AACZ,YAAY,SAAA,GAAA,QAAA,CAAA;AAAA,WACd;AACA,UAAA,UAAA,CAAW,KAAQ,GAAA,SAAA,CAAA;AACnB,UAAgB,eAAA,CAAA,KAAA,GAAQ,WAAc,GAAA,WAAA,GAAc,SAAU,CAAA,KAAA,CAAA;AAAA,SAChE;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,IAAc,KAAA;AACb,QAAA,KAAA,CAAM,KAAQ,GAAA,IAAA,CAAA;AAAA,OAChB;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"select-group.vue2.js","sources":["../../../../../packages/components/select-group/src/select-group.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div :class=\"bemContainer.b()\">\n      <a-input-group compact>\n        <!-- 左侧select -->\n        <a-select\n          v-model:value=\"typeSelectValue\"\n          class=\"select-group-left-select-container\"\n          :style=\"{ minWidth: leftSelectWidth }\"\n          @change=\"handleSelectChange\"\n        >\n          <a-select-option\n            v-for=\"item in newList\"\n            :key=\"item.name\"\n            :value=\"item.value\"\n            :item=\"item\"\n          >\n            {{ item.name }}\n          </a-select-option>\n        </a-select>\n        <!-- 右侧组合表单 -->\n        <!-- input输入框 -->\n        <template\n          v-if=\"\n            !selectItem?.showFormType || selectItem?.showFormType === 'input'\n          \"\n        >\n          <a-input\n            v-model:value=\"value\"\n            :class=\"bem.e('right-input')\"\n            :placeholder=\"selectItem?.placeholder\"\n            @press-enter=\"handleChange\"\n          >\n            <template #suffix>\n              <ll-icon :icon-name=\"`icon-search`\" @click=\"handleChange\" />\n            </template>\n          </a-input>\n        </template>\n        <!-- select下拉框 -->\n        <template v-else-if=\"selectItem?.showFormType === 'select'\">\n          <a-select\n            v-model:value=\"value\"\n            :class=\"bem.e('right-select')\"\n            popup-class-name=\"select-group-right-select\"\n            :options=\"selectItem?.options\"\n            :placeholder=\"selectItem?.placeholder\"\n            :field-names=\"selectItem?.fieldNames\"\n            @change=\"handleChange\"\n          >\n            <a-select-option\n              v-for=\"item in selectItem.list\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n            >\n              {{ item.name }}\n            </a-select-option>\n          </a-select>\n        </template>\n        <!-- 日期选择 -->\n        <template v-else-if=\"selectItem?.showFormType === 'range-picker'\">\n          <a-range-picker\n            v-model:value=\"value\"\n            :class=\"bem.e('right-range-picker')\"\n            @change=\"handleChange\"\n          />\n        </template>\n        <!-- 树选择 -->\n        <template v-else-if=\"selectItem?.showFormType === 'treeSelect'\">\n          <a-tree-select\n            v-model:value=\"value\"\n            :class=\"bem.e('right-tree-select')\"\n            :field-names=\"selectItem.fieldNames\"\n            :placeholder=\"selectItem?.placeholder\"\n            :tree-data=\"selectItem.list\"\n            @select=\"handleChange\"\n          ></a-tree-select>\n        </template>\n        <template v-else>\n          <slot name=\"extra\" v-bind=\"selectItem\" />\n        </template>\n      </a-input-group>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { selectGroupProps, selectGroupEmits } from './select-group'\nimport { createNamespace } from '@ll-plus/utils'\nimport { LEFT_SELECT_MIN_WIDTH } from './select-group'\n\nimport type { SelectGroupData } from './select-group'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlSelectGroup' })\n\n// 1.props/emits\nconst props = defineProps(selectGroupProps)\nconst emits = defineEmits(selectGroupEmits)\n\n// 3.ref/const\nconst typeSelectValue = ref('1') // selectinput组合select的值\nconst value = ref<any>('') // 左边的value\nconst selectItem = ref<SelectGroupData>() // 选中表单的类型\nconst newList = ref<SelectGroupData[]>([]) // 处理后的数据，比如select的类型前面加个全部\nconst bem = createNamespace('select-group')\nconst bemContainer = createNamespace('select-group-container')\nconst leftSelectWidth = computed(() => {\n  const names = newList.value.map(item => item.name.length)\n  const maxNameLength = Math.max(...names)\n  if (maxNameLength <= 3) {\n    return LEFT_SELECT_MIN_WIDTH + 'px'\n  }\n  const width = LEFT_SELECT_MIN_WIDTH + (maxNameLength - 3) * 14\n  return width + 'px'\n})\n\n// 4.methods\n// 第一个select的change\nconst handleSelectChange = (_: string, options: any) => {\n  const item = options.item\n  const formType = item.showFormType\n  // 如果\n  if (!formType || formType === 'input' || formType === 'treeSelect') {\n    value.value = ''\n  } else if (formType === 'range-picker') {\n    value.value = [undefined, undefined]\n  } else if (formType === 'select') {\n    value.value = -1\n  }\n  selectItem.value = options.item\n  emits('onSelectChange', _, options)\n}\n// 整合处理change\nconst handleChange = () => {\n  // 过滤-1的下拉全部\n  emits(\n    'change',\n    selectItem.value?.value as string,\n    value.value === -1 ? undefined : value.value\n  )\n}\n\n// 5.watch\n// 已第一个为标准\nwatch(\n  () => [props.selectValue, props.data] as [string, SelectGroupData[]],\n  ([selectValue, newData]) => {\n    if (newData && newData.length) {\n      const list = newData.map(item => {\n        const newItem = { ...item }\n        if (newItem.showFormType === 'select') {\n          if (newItem.options?.length) {\n            newItem.options = [\n              {\n                label: '全部',\n                value: -1\n              },\n              ...newItem.options!\n            ]\n          } else if (newItem.list?.length) {\n            newItem.list = [\n              {\n                name: '全部',\n                value: -1\n              },\n              ...newItem.list!\n            ]\n          }\n        }\n        return newItem\n      })\n      let firstItem = list[0]\n      const findItem = list.find(item => item.value === selectValue)\n      if (findItem) {\n        firstItem = findItem\n      }\n      // 如果默认第一个是下拉框，选中全部\n      if (firstItem.showFormType === 'select') {\n        value.value = -1\n      }\n      selectItem.value = firstItem!\n      typeSelectValue.value = selectValue ? selectValue : firstItem.value\n      newList.value = list\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n\nwatch(\n  () => props.value,\n  (newV: any) => {\n    value.value = newV\n  },\n  {\n    immediate: true\n  }\n)\n</script>\n"],"names":["ref","createNamespace","computed","LEFT_SELECT_MIN_WIDTH","watch"],"mappings":"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"}

package/lib/index.js

@@ -202,6 +202,7 @@ exports.LlEasyCron = index$e.LlEasyCron;
 exports.emptyProps = empty.emptyProps;
 exports.url = empty.url;
 exports.LlEmpty = index$f.LlEmpty;
+exports.formEmits = form.formEmits;
 exports.formProps = form.formProps;
 exports.checkedType = components.checkedType;
 exports.formComponentProps = formComponent.formComponentProps;
@@ -255,6 +256,7 @@ exports.selectOptionProps = select.selectOptionProps;
 exports.LlSelect = index$u.LlSelect;
 exports.LlSelectOptGroup = index$u.LlSelectOptGroup;
 exports.LlSelectOption = index$u.LlSelectOption;
+exports.LEFT_SELECT_MIN_WIDTH = selectGroup.LEFT_SELECT_MIN_WIDTH;
 exports.selectGroupData = selectGroup.selectGroupData;
 exports.selectGroupEmits = selectGroup.selectGroupEmits;
 exports.selectGroupFormType = selectGroup.selectGroupFormType;

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, NativePropType | EpPropInput<any, any, any, any, any> | {
+export declare const buildProps: <Props extends Record<string, {
     __epPropKey: true;
-}>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
+} | 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]>>>; };

package/package.json

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

package/theme-chalk/css/drawer.css

@@ -1 +1 @@
-@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;--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)}.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-drawer .ant-drawer-body{padding:0!important;display:flex;height:100%;overflow:hidden}.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;flex:1;overflow:hidden;position:relative}.ll-drawer__container.is-has-scroll::after{content:"";position:absolute;top:24px;left:20px;width:calc(100% - 70px);height:1px;z-index:99;box-shadow:0 1px 2px 0 var(--color-fill-secondary)}.ll-drawer__container.is-has-scroll .ll-drawer__content{padding-right:50px!important}.ll-drawer__content{display:flex;flex:1;flex-direction:column;box-sizing:border-box;margin-top:24px;margin-right:10px;padding:0 56px 10px 44px;overflow-x:hidden;overflow-y:auto}.ll-drawer__shandow{position:absolute;top:24px;left:0;width:100%;height:1px;z-index:99;box-shadow:0 1px 2px 0 var(--color-fill-secondary)}.ll-drawer__footer{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}
+@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;--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)}.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-drawer .ant-drawer-body{padding:0!important;display:flex;height:100%;overflow:hidden}.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__step{margin-top:24px;display:flex;justify-content:center;box-sizing:border-box;padding:0 56px 0 66px}.ll-drawer__container{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.ll-drawer__container.is-has-scroll .ll-drawer__content{padding-right:52px!important}.ll-drawer__content{flex:1;box-sizing:border-box;margin-top:24px;margin-right:10px;padding:0 56px 10px 56px;overflow-x:hidden;overflow-y:auto;position:relative}.ll-drawer__shadow{box-shadow:0 1px 2px 0 var(--color-fill-secondary);height:1px;width:100%;position:sticky;z-index:99;top:0}.ll-drawer__scroll{height:-moz-fit-content;height:fit-content}.ll-drawer__footer{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);z-index:1}.ll-drawer__footer-left{flex:1}.ll-drawer--cancel{margin-right:16px}