ll-plus 2.7.6 → 2.7.8

package/lib/packages/components/index.js

@@ -15,46 +15,47 @@ var index$b = require('./date-range/index.js');
 var index$c = require('./descriptions/index.js');
 var index$d = require('./descriptions-item/index.js');
 var index$e = require('./drawer/index.js');
-var index$g = require('./new-drawer/index.js');
-var index$h = require('./easy-cron/index.js');
-var index$i = require('./empty/index.js');
-var index$j = require('./form/index.js');
-var index$k = require('./form-item/index.js');
-var index$l = require('./icon/index.js');
-var index$m = require('./icon-base/index.js');
-var index$n = require('./icon-picker/index.js');
-var index$o = require('./image/index.js');
-var index$p = require('./input/index.js');
-var index$q = require('./input-number/index.js');
-var index$r = require('./key-value/index.js');
-var index$s = require('./markdown-editor/index.js');
-var index$t = require('./modal/index.js');
-var index$u = require('./new-modal/index.js');
-var index$v = require('./number-range/index.js');
-var index$w = require('./operate-icon/index.js');
-var index$x = require('./operate-tree/index.js');
-var index$y = require('./radio/index.js');
-var index$z = require('./rich-text-editor/index.js');
-var index$A = require('./segmented/index.js');
-var index$B = require('./select/index.js');
-var index$C = require('./select-group/index.js');
-var index$D = require('./space/index.js');
-var index$E = require('./steps/index.js');
-var index$F = require('./switch/index.js');
-var index$G = require('./table/index.js');
-var index$H = require('./tabs-simple/index.js');
-var index$I = require('./tag-group/index.js');
-var index$J = require('./textarea/index.js');
-var index$K = require('./time-picker/index.js');
-var index$L = require('./time-range/index.js');
-var index$M = require('./tooltip/index.js');
-var index$N = require('./tree-search/index.js');
-var index$O = require('./tree/index.js');
-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 index$g = require('./dropdown/index.js');
+var index$h = require('./dropdown-button-simple/index.js');
+var index$i = require('./new-drawer/index.js');
+var index$j = require('./easy-cron/index.js');
+var index$k = require('./empty/index.js');
+var index$l = require('./form/index.js');
+var index$m = require('./form-item/index.js');
+var index$n = require('./icon/index.js');
+var index$o = require('./icon-base/index.js');
+var index$p = require('./icon-picker/index.js');
+var index$q = require('./image/index.js');
+var index$r = require('./input/index.js');
+var index$s = require('./input-number/index.js');
+var index$t = require('./key-value/index.js');
+var index$u = require('./markdown-editor/index.js');
+var index$v = require('./modal/index.js');
+var index$w = require('./new-modal/index.js');
+var index$x = require('./number-range/index.js');
+var index$y = require('./operate-icon/index.js');
+var index$z = require('./operate-tree/index.js');
+var index$A = require('./radio/index.js');
+var index$B = require('./rich-text-editor/index.js');
+var index$C = require('./segmented/index.js');
+var index$D = require('./select/index.js');
+var index$E = require('./select-group/index.js');
+var index$F = require('./space/index.js');
+var index$G = require('./steps/index.js');
+var index$H = require('./switch/index.js');
+var index$I = require('./table/index.js');
+var index$J = require('./tabs-simple/index.js');
+var index$K = require('./tag-group/index.js');
+var index$L = require('./textarea/index.js');
+var index$M = require('./time-picker/index.js');
+var index$N = require('./time-range/index.js');
+var index$O = require('./tooltip/index.js');
+var index$P = require('./tree-search/index.js');
+var index$Q = require('./tree/index.js');
+var index$R = require('./upload-drag/index.js');
+var index$S = require('./upload-image/index.js');
+var index$T = require('./uri-input/index.js');
+var index$U = 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');
@@ -78,6 +79,8 @@ var drawer = require('./drawer/src/drawer.js');
 var useSecondConfirmation = require('./drawer/src/components/second-confirmation/src/use-second-confirmation.js');
 var secondConfirmation = require('./drawer/src/components/second-confirmation/src/second-confirmation.js');
 var index$f = require('./drawer/src/components/second-confirmation/index.js');
+var dropdown = require('./dropdown/src/dropdown.js');
+var dropdownButtonSimple = require('./dropdown-button-simple/src/dropdown-button-simple.js');
 var drawer$1 = require('./new-drawer/src/drawer.js');
 var easyCron = require('./easy-cron/src/config/easy-cron.js');
 var dateUtils = require('./easy-cron/src/config/date-utils.js');
@@ -117,7 +120,6 @@ var headerSearch$1 = require('./tree-search/src/config/header-search.js');
 var directoryTitle = require('./tree-search/src/config/directory-title.js');
 var treeSearch = require('./tree-search/src/config/tree-search.js');
 var tree = require('./tree/src/tree.js');
-var dropdown = require('./dropdown/src/dropdown.js');
 var uploadDrag = require('./upload-drag/src/upload-drag.js');
 var uploadImage = require('./upload-image/src/upload-image.js');
 var uriInput = require('./uri-input/src/uri-input.js');
@@ -143,54 +145,55 @@ exports.LlDateRange = index$b.LlDateRange;
 exports.LlDescriptions = index$c.LlDescriptions;
 exports.LlDescriptionsItem = index$d.LlDescriptionsItem;
 exports.LlDrawer = index$e.LlDrawer;
-exports.LlNewDrawer = index$g.LlNewDrawer;
-exports.LlEasyCron = index$h.LlEasyCron;
-exports.LlEmpty = index$i.LlEmpty;
-exports.LlForm = index$j.LlForm;
-exports.LlFormComponent = index$j.LlFormComponent;
-exports.LlFormItem = index$k.LlFormItem;
-exports.LlIcon = index$l.LlIcon;
-exports.LlIconBase = index$m.LlIconBase;
-exports.LlIconPicker = index$n.LlIconPicker;
-exports.LlImage = index$o.LlImage;
-exports.LlImagePreviewGroup = index$o.LlImagePreviewGroup;
-exports.LlInput = index$p.LlInput;
-exports.LlInputNumber = index$q.LlInputNumber;
-exports.LlKeyValue = index$r.LlKeyValue;
-exports.LlMarkdownEditor = index$s.LlMarkdownEditor;
-exports.LlMarkdownViewer = index$s.LlMarkdownViewer;
-exports.LlModal = index$t.LlModal;
-exports.LlNewModal = index$u.LlNewModal;
-exports.LlNumberRange = index$v.LlNumberRange;
-exports.LlOperateIcon = index$w.LlOperateIcon;
-exports.LlOperateTree = index$x.LlOperateTree;
-exports.LlRadio = index$y.LlRadio;
-exports.LlRadioButton = index$y.LlRadioButton;
-exports.LlRadioGroup = index$y.LlRadioGroup;
-exports.LlRichTextEditor = index$z.LlRichTextEditor;
-exports.LlSegmented = index$A.LlSegmented;
-exports.LlSelect = index$B.LlSelect;
-exports.LlSelectOptGroup = index$B.LlSelectOptGroup;
-exports.LlSelectOption = index$B.LlSelectOption;
-exports.LlSelectGroup = index$C.LlSelectGroup;
-exports.LlSpace = index$D.LlSpace;
-exports.LlSteps = index$E.LlSteps;
-exports.LlSwitch = index$F.LlSwitch;
-exports.LlTable = index$G.LlTable;
-exports.LlTabsSimple = index$H.LlTabsSimple;
-exports.LlTagGroup = index$I.LlTagGroup;
-exports.LlTextarea = index$J.LlTextarea;
-exports.LlTimePicker = index$K.LlTimePicker;
-exports.LlTimeRange = index$L.LlTimeRange;
-exports.LlTooltip = index$M.LlTooltip;
-exports.LlTreeSearch = index$N.LlTreeSearch;
-exports.LlTree = index$O.LlTree;
-exports.LlDropdown = index$P.LlDropdown;
-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.LlDropdown = index$g.LlDropdown;
+exports.LlDropdownButton = index$g.LlDropdownButton;
+exports.LlDropdownButtonSimple = index$h.LlDropdownButtonSimple;
+exports.LlNewDrawer = index$i.LlNewDrawer;
+exports.LlEasyCron = index$j.LlEasyCron;
+exports.LlEmpty = index$k.LlEmpty;
+exports.LlForm = index$l.LlForm;
+exports.LlFormComponent = index$l.LlFormComponent;
+exports.LlFormItem = index$m.LlFormItem;
+exports.LlIcon = index$n.LlIcon;
+exports.LlIconBase = index$o.LlIconBase;
+exports.LlIconPicker = index$p.LlIconPicker;
+exports.LlImage = index$q.LlImage;
+exports.LlImagePreviewGroup = index$q.LlImagePreviewGroup;
+exports.LlInput = index$r.LlInput;
+exports.LlInputNumber = index$s.LlInputNumber;
+exports.LlKeyValue = index$t.LlKeyValue;
+exports.LlMarkdownEditor = index$u.LlMarkdownEditor;
+exports.LlMarkdownViewer = index$u.LlMarkdownViewer;
+exports.LlModal = index$v.LlModal;
+exports.LlNewModal = index$w.LlNewModal;
+exports.LlNumberRange = index$x.LlNumberRange;
+exports.LlOperateIcon = index$y.LlOperateIcon;
+exports.LlOperateTree = index$z.LlOperateTree;
+exports.LlRadio = index$A.LlRadio;
+exports.LlRadioButton = index$A.LlRadioButton;
+exports.LlRadioGroup = index$A.LlRadioGroup;
+exports.LlRichTextEditor = index$B.LlRichTextEditor;
+exports.LlSegmented = index$C.LlSegmented;
+exports.LlSelect = index$D.LlSelect;
+exports.LlSelectOptGroup = index$D.LlSelectOptGroup;
+exports.LlSelectOption = index$D.LlSelectOption;
+exports.LlSelectGroup = index$E.LlSelectGroup;
+exports.LlSpace = index$F.LlSpace;
+exports.LlSteps = index$G.LlSteps;
+exports.LlSwitch = index$H.LlSwitch;
+exports.LlTable = index$I.LlTable;
+exports.LlTabsSimple = index$J.LlTabsSimple;
+exports.LlTagGroup = index$K.LlTagGroup;
+exports.LlTextarea = index$L.LlTextarea;
+exports.LlTimePicker = index$M.LlTimePicker;
+exports.LlTimeRange = index$N.LlTimeRange;
+exports.LlTooltip = index$O.LlTooltip;
+exports.LlTreeSearch = index$P.LlTreeSearch;
+exports.LlTree = index$Q.LlTree;
+exports.LlUploadDrag = index$R.LlUploadDrag;
+exports.LlUploadImage = index$S.LlUploadImage;
+exports.LlUriInput = index$T.LlUriInput;
+exports.LlWatermark = index$U.LlWatermark;
 exports.ALL_VALUE = advancedFiltering.ALL_VALUE;
 exports.advancedFilteringEmits = advancedFiltering.advancedFilteringEmits;
 exports.advancedFilteringParamsEmits = advancedFiltering.advancedFilteringParamsEmits;
@@ -264,6 +267,13 @@ exports.drawerProps = drawer.drawerProps;
 exports.useSecondConfirmation = useSecondConfirmation.useSecondConfirmation;
 exports.secondConfirmationProps = secondConfirmation.secondConfirmationProps;
 exports.LlSecondConfirmation = index$f.LlSecondConfirmation;
+exports.dropdownButtonEmits = dropdown.dropdownButtonEmits;
+exports.dropdownButtonProps = dropdown.dropdownButtonProps;
+exports.dropdownEmits = dropdown.dropdownEmits;
+exports.dropdownProps = dropdown.dropdownProps;
+exports.defaultButtonProps = dropdownButtonSimple.defaultButtonProps;
+exports.dropdownButtonSimpleEmits = dropdownButtonSimple.dropdownButtonSimpleEmits;
+exports.dropdownButtonSimpleProps = dropdownButtonSimple.dropdownButtonSimpleProps;
 exports.footerShadowPlacement = drawer$1.footerShadowPlacement;
 exports.newDrawerEmits = drawer$1.newDrawerEmits;
 exports.newDrawerProps = drawer$1.newDrawerProps;
@@ -359,10 +369,6 @@ exports.treeSearchOperateWayType = treeSearch.treeSearchOperateWayType;
 exports.treeSearchProps = treeSearch.treeSearchProps;
 exports.treeEmits = tree.treeEmits;
 exports.treeProps = tree.treeProps;
-exports.dropdownButtonEmits = dropdown.dropdownButtonEmits;
-exports.dropdownButtonProps = dropdown.dropdownButtonProps;
-exports.dropdownEmits = dropdown.dropdownEmits;
-exports.dropdownProps = dropdown.dropdownProps;
 exports.ILlUploadDragProps = uploadDrag.ILlUploadDragProps;
 exports.uploadImageEmits = uploadImage.uploadImageEmits;
 exports.uploadImageProps = uploadImage.uploadImageProps;

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/input/src/input.vue2.js

@@ -41,7 +41,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       innerValue,
       (newValue) => {
-        console.log(newValue);
         emit("update:value", newValue);
       },
       {
@@ -51,7 +50,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const componentType = props.showPassword ? antDesignVue.Input.Password : antDesignVue.Input;
     const computedAttrs = vue.computed(() => {
       const attrs = { ..._.omit(vue.useAttrs(), ["class", "style"]), props };
-      console.log(attrs);
       return attrs;
     });
     const focus = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"input.vue2.js","sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\" @mouseover=\"handleMouseOver\" @mouseout=\"handleMouseOut\">\n    <component\n      :is=\"componentType\"\n      ref=\"inputRef\"\n      v-bind=\"computedAttrs\"\n      v-model:value=\"innerValue\"\n      :allow-clear=\"props.allowClear\"\n      :class=\"{\n        'show-clear-icon': props.allowClear && hasValue && isMouseOver\n      }\"\n    >\n      <template v-for=\"item in Object.keys($slots)\" :key=\"item\" #[item]=\"data\">\n        <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n      </template>\n      <template v-if=\"prefixIcon\" #prefix>\n        <ll-icon :icon-name=\"prefixIcon\" class=\"prefix-icon\" />\n      </template>\n      <template v-if=\"suffixIcon\" #suffix>\n        <ll-icon :icon-name=\"suffixIcon\" class=\"suffix-icon\" />\n      </template>\n    </component>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch } from 'vue'\nimport { Input } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { InputValue, inputProps } from './input'\nimport { omit } from 'lodash'\n\ndefineOptions({ name: 'LlInput' })\n\nconst bem = createNamespace('input')\n\nconst props = defineProps(inputProps)\n\nconst emit = defineEmits(['update:value'])\n\nconst innerValue = ref<InputValue>('')\n\nconst inputRef = ref()\n\nconst isMouseOver = ref(false)\n\n// 判断当前输入框是否有值\nconst hasValue = computed(() => innerValue.value !== '')\n\n// 鼠标移入事件\nconst handleMouseOver = () => {\n  isMouseOver.value = true\n}\n\n// 鼠标移出事件\nconst handleMouseOut = () => {\n  isMouseOver.value = false\n}\n\n// 监听props.value的变化\nwatch(\n  () => props.value,\n  newValue => {\n    innerValue.value = newValue\n  },\n  {\n    immediate: true\n  }\n)\n\n// 监听innerValue的变化，触发update:value事件\nwatch(\n  innerValue,\n  newValue => {\n    console.log(newValue)\n    emit('update:value', newValue)\n  },\n  {\n    immediate: true\n  }\n)\n\n// 根据showPassword属性决定组件类型\nconst componentType = props.showPassword ? Input.Password : Input\n\n// 计算属性，合并attrs和props\nconst computedAttrs = computed(() => {\n  const attrs = { ...omit(useAttrs(), ['class', 'style']), props }\n  console.log(attrs)\n  return attrs\n})\n\n// 聚焦输入框\nconst focus = () => {\n  inputRef.value.focus()\n}\n\n// 公开focus方法\ndefineExpose({ focus })\n</script>\n"],"names":["createNamespace","ref","computed","watch","Input","omit","useAttrs"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,IAAM,MAAA,GAAA,GAAMA,gCAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,UAAA,GAAaC,QAAgB,EAAE,CAAA,CAAA;AAErC,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AAErB,IAAM,MAAA,WAAA,GAAcA,QAAI,KAAK,CAAA,CAAA;AAG7B,IAAA,MAAM,QAAW,GAAAC,YAAA,CAAS,MAAM,UAAA,CAAW,UAAU,EAAE,CAAA,CAAA;AAGvD,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,WAAA,CAAY,KAAQ,GAAA,IAAA,CAAA;AAAA,KACtB,CAAA;AAGA,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAA;AAAA,KACtB,CAAA;AAGA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAY,QAAA,KAAA;AACV,QAAA,UAAA,CAAW,KAAQ,GAAA,QAAA,CAAA;AAAA,OACrB;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAGA,IAAAA,SAAA;AAAA,MACE,UAAA;AAAA,MACA,CAAY,QAAA,KAAA;AACV,QAAA,OAAA,CAAQ,IAAI,QAAQ,CAAA,CAAA;AACpB,QAAA,IAAA,CAAK,gBAAgB,QAAQ,CAAA,CAAA;AAAA,OAC/B;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAGA,IAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,YAAe,GAAAC,kBAAA,CAAM,QAAW,GAAAA,kBAAA,CAAA;AAG5D,IAAM,MAAA,aAAA,GAAgBF,aAAS,MAAM;AACnC,MAAM,MAAA,KAAA,GAAQ,EAAE,GAAGG,MAAK,CAAAC,YAAA,EAAY,EAAA,CAAC,OAAS,EAAA,OAAO,CAAC,CAAA,EAAG,KAAM,EAAA,CAAA;AAC/D,MAAA,OAAA,CAAQ,IAAI,KAAK,CAAA,CAAA;AACjB,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAGD,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,QAAA,CAAS,MAAM,KAAM,EAAA,CAAA;AAAA,KACvB,CAAA;AAGA,IAAa,QAAA,CAAA,EAAE,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"input.vue2.js","sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\" @mouseover=\"handleMouseOver\" @mouseout=\"handleMouseOut\">\n    <component\n      :is=\"componentType\"\n      ref=\"inputRef\"\n      v-bind=\"computedAttrs\"\n      v-model:value=\"innerValue\"\n      :allow-clear=\"props.allowClear\"\n      :class=\"{\n        'show-clear-icon': props.allowClear && hasValue && isMouseOver\n      }\"\n    >\n      <template v-for=\"item in Object.keys($slots)\" :key=\"item\" #[item]=\"data\">\n        <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n      </template>\n      <template v-if=\"prefixIcon\" #prefix>\n        <ll-icon :icon-name=\"prefixIcon\" class=\"prefix-icon\" />\n      </template>\n      <template v-if=\"suffixIcon\" #suffix>\n        <ll-icon :icon-name=\"suffixIcon\" class=\"suffix-icon\" />\n      </template>\n    </component>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch } from 'vue'\nimport { Input } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { InputValue, inputProps } from './input'\nimport { omit } from 'lodash'\n\ndefineOptions({ name: 'LlInput' })\n\nconst bem = createNamespace('input')\n\nconst props = defineProps(inputProps)\n\nconst emit = defineEmits(['update:value'])\n\nconst innerValue = ref<InputValue>('')\n\nconst inputRef = ref()\n\nconst isMouseOver = ref(false)\n\n// 判断当前输入框是否有值\nconst hasValue = computed(() => innerValue.value !== '')\n\n// 鼠标移入事件\nconst handleMouseOver = () => {\n  isMouseOver.value = true\n}\n\n// 鼠标移出事件\nconst handleMouseOut = () => {\n  isMouseOver.value = false\n}\n\n// 监听props.value的变化\nwatch(\n  () => props.value,\n  newValue => {\n    innerValue.value = newValue\n  },\n  {\n    immediate: true\n  }\n)\n\n// 监听innerValue的变化，触发update:value事件\nwatch(\n  innerValue,\n  newValue => {\n    emit('update:value', newValue)\n  },\n  {\n    immediate: true\n  }\n)\n\n// 根据showPassword属性决定组件类型\nconst componentType = props.showPassword ? Input.Password : Input\n\n// 计算属性，合并attrs和props\nconst computedAttrs = computed(() => {\n  const attrs = { ...omit(useAttrs(), ['class', 'style']), props }\n  return attrs\n})\n\n// 聚焦输入框\nconst focus = () => {\n  inputRef.value.focus()\n}\n\n// 公开focus方法\ndefineExpose({ focus })\n</script>\n"],"names":["createNamespace","ref","computed","watch","Input","omit","useAttrs"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,IAAM,MAAA,GAAA,GAAMA,gCAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,UAAA,GAAaC,QAAgB,EAAE,CAAA,CAAA;AAErC,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AAErB,IAAM,MAAA,WAAA,GAAcA,QAAI,KAAK,CAAA,CAAA;AAG7B,IAAA,MAAM,QAAW,GAAAC,YAAA,CAAS,MAAM,UAAA,CAAW,UAAU,EAAE,CAAA,CAAA;AAGvD,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,WAAA,CAAY,KAAQ,GAAA,IAAA,CAAA;AAAA,KACtB,CAAA;AAGA,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAA;AAAA,KACtB,CAAA;AAGA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAY,QAAA,KAAA;AACV,QAAA,UAAA,CAAW,KAAQ,GAAA,QAAA,CAAA;AAAA,OACrB;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAGA,IAAAA,SAAA;AAAA,MACE,UAAA;AAAA,MACA,CAAY,QAAA,KAAA;AACV,QAAA,IAAA,CAAK,gBAAgB,QAAQ,CAAA,CAAA;AAAA,OAC/B;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAGA,IAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,YAAe,GAAAC,kBAAA,CAAM,QAAW,GAAAA,kBAAA,CAAA;AAG5D,IAAM,MAAA,aAAA,GAAgBF,aAAS,MAAM;AACnC,MAAM,MAAA,KAAA,GAAQ,EAAE,GAAGG,MAAK,CAAAC,YAAA,EAAY,EAAA,CAAC,OAAS,EAAA,OAAO,CAAC,CAAA,EAAG,KAAM,EAAA,CAAA;AAC/D,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAGD,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,QAAA,CAAS,MAAM,KAAM,EAAA,CAAA;AAAA,KACvB,CAAA;AAGA,IAAa,QAAA,CAAA,EAAE,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/key-value/src/components/key-value-item.vue2.js

@@ -228,7 +228,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 [
                   hasValue.value ? (vue.openBlock(), vue.createBlock(_component_a_popconfirm, {
                     key: 0,
-                    title: "\u4F60\u786E\u5B9A\u8981\u79FB\u9664\u5417?",
+                    title: "\u786E\u5B9A\u8981\u79FB\u9664\u5417?",
                     "ok-text": "\u786E\u8BA4",
                     "cancel-text": "\u53D6\u6D88",
                     placement: "topRight",

package/lib/packages/components/key-value/src/components/key-value-item.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"key-value-item.vue2.js","sources":["../../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n  <ll-form\n    ref=\"form\"\n    :form-columns=\"formColumns\"\n    :form-data=\"props.value\"\n    :form-options=\"formOptions\"\n  >\n    <template #formItem=\"{ item }\">\n      <template v-if=\"item.key === 'other'\">\n        <div :class=\"bem.e('item')\">\n          <div v-if=\"props.keyValueType !== 'single'\" :class=\"bem.m('left')\">\n            <ll-form-item\n              :label=\"attrs['key-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getKeyType.rules || []\"\n              name=\"key\"\n            >\n              <slot name=\"key\">\n                <ll-select\n                  v-if=\"!isEmpty(props.keyTypes)\"\n                  v-model:value=\"innerValue['key']\"\n                  :options=\"props.keyTypes\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                  placeholder=\"请选择\"\n                  allow-clear\n                  @change=\"handleChange\"\n                />\n                <component\n                  :is=\"`ll-${getKeyType.type}`\"\n                  v-else\n                  v-model:value=\"innerValue['key']\"\n                  v-bind=\"getKeyType\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"key\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <div\n            v-if=\"props.keyValueType !== 'single'\"\n            :class=\"bem.m('separator')\"\n            :style=\"{\n              'margin-top':\n                !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n            }\"\n          >\n            <slot name=\"separator\">~</slot>\n          </div>\n\n          <div :class=\"bem.m('right')\">\n            <ll-form-item\n              :label=\"attrs['value-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getValueType.rules || []\"\n              name=\"value\"\n            >\n              <slot name=\"value-warapper\" v-bind=\"getValueType\">\n                <component\n                  :is=\"`ll-${getValueType.type}`\"\n                  v-model:value=\"innerValue['value']\"\n                  :disabled=\"getValueDisabled\"\n                  style=\"width: 100%\"\n                  v-bind=\"getValueType\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"value\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n          <template v-if=\"props.showDelete\">\n            <template v-if=\"hasValue\">\n              <a-popconfirm\n                title=\"你确定要移除吗?\"\n                ok-text=\"确认\"\n                cancel-text=\"取消\"\n                placement=\"topRight\"\n                :overlay-class-name=\"bem.m('popconfirm')\"\n                :get-popup-container=\"(trigger: Element) => trigger.parentNode\"\n                destroy-tooltip-on-hide\n                @confirm=\"handleDelete\"\n              >\n                <div\n                  :class=\"bem.m('delete')\"\n                  :style=\"{\n                    'margin-top':\n                      !!attrs['key-label'] || !!attrs['value-label']\n                        ? '26px'\n                        : '0px'\n                  }\"\n                >\n                  <ll-button type=\"link\" :disabled=\"getDeleteDisabled\">\n                    <slot name=\"delete-icon\">\n                      <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n                    </slot>\n                  </ll-button>\n                </div>\n              </a-popconfirm>\n            </template>\n            <div\n              v-else\n              :class=\"bem.m('delete')\"\n              :style=\"{\n                'margin-top':\n                  !!attrs['key-label'] || !!attrs['value-label']\n                    ? '26px'\n                    : '0px'\n              }\"\n            >\n              <ll-button\n                type=\"link\"\n                :disabled=\"getDeleteDisabled\"\n                @click=\"handleDelete\"\n              >\n                <slot name=\"delete-icon\">\n                  <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n                </slot>\n              </ll-button>\n            </div>\n          </template>\n        </div>\n      </template>\n    </template>\n  </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch, nextTick } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport type { FormInstance } from '@ll-plus/components'\nimport {\n  keyValueItemProps,\n  keyValueItemEmits,\n  formColumns,\n  formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { NamePath } from 'ant-design-vue/es/form/interface'\n\ndefineOptions({\n  name: 'LlKeyValueItem'\n})\n\nconst props = defineProps(keyValueItemProps)\nconst emits = defineEmits(keyValueItemEmits)\n\nconst attrs = useAttrs()\nconst bem = createNamespace('key-value')\nconst innerValue = ref(props.value)\n\nconst form = ref<FormInstance | null>()\n\nconst getKeyType = computed<FormColumn>(() => {\n  const option = props.keyType\n  return option\n})\nconst getValueType = computed<FormColumn>(() => {\n  let option = props.valueType\n  if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n    option = props.keyValueTypeDict[innerValue.value['key']]\n  }\n  return option\n})\n\nconst getKeyDisabled = computed(() => {\n  return (\n    props.disabledKey?.includes(props.idx) ||\n    props.disabled ||\n    getKeyType.value?.disabled\n  )\n})\n\nconst getValueDisabled = computed(() => {\n  return (\n    props.disabledValue?.includes(props.idx) ||\n    props.disabled ||\n    getValueType.value?.disabled\n  )\n})\n\nconst getDeleteDisabled = computed(() => {\n  return props.disabledDelete?.includes(props.idx) || props.disabled\n})\n\nconst hasValue = computed(() => {\n  return (\n    innerValue.value['key'] ||\n    innerValue.value['key'] === 0 ||\n    innerValue.value['value']\n  )\n})\n\nconst handleDelete = () => {\n  emits('delete')\n}\n\nconst handleChange = async () => {\n  innerValue.value['value'] = null\n  await form.value?.clearValidate()\n}\n\nconst validate = async () => {\n  return await form.value?.validate()\n}\n\nconst resetFields = async () => {\n  return await form.value?.resetFields()\n}\nconst clearValidate = async (namePath?: NamePath[]) => {\n  return await form.value?.clearValidate(namePath)\n}\n\nwatch(\n  innerValue,\n  async val => {\n    await nextTick().then(() => {\n      try {\n        emits('update:value', val)\n        emits('change')\n      } catch (error) {\n        console.error(error)\n      }\n    })\n  },\n  {\n    deep: true\n  }\n)\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate\n})\n</script>\n\n<style scoped></style>\n"],"names":["useAttrs","createNamespace","ref","computed","isEmpty","watch","nextTick"],"mappings":"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"}
+{"version":3,"file":"key-value-item.vue2.js","sources":["../../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n  <ll-form\n    ref=\"form\"\n    :form-columns=\"formColumns\"\n    :form-data=\"props.value\"\n    :form-options=\"formOptions\"\n  >\n    <template #formItem=\"{ item }\">\n      <template v-if=\"item.key === 'other'\">\n        <div :class=\"bem.e('item')\">\n          <div v-if=\"props.keyValueType !== 'single'\" :class=\"bem.m('left')\">\n            <ll-form-item\n              :label=\"attrs['key-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getKeyType.rules || []\"\n              name=\"key\"\n            >\n              <slot name=\"key\">\n                <ll-select\n                  v-if=\"!isEmpty(props.keyTypes)\"\n                  v-model:value=\"innerValue['key']\"\n                  :options=\"props.keyTypes\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                  placeholder=\"请选择\"\n                  allow-clear\n                  @change=\"handleChange\"\n                />\n                <component\n                  :is=\"`ll-${getKeyType.type}`\"\n                  v-else\n                  v-model:value=\"innerValue['key']\"\n                  v-bind=\"getKeyType\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"key\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <div\n            v-if=\"props.keyValueType !== 'single'\"\n            :class=\"bem.m('separator')\"\n            :style=\"{\n              'margin-top':\n                !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n            }\"\n          >\n            <slot name=\"separator\">~</slot>\n          </div>\n\n          <div :class=\"bem.m('right')\">\n            <ll-form-item\n              :label=\"attrs['value-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getValueType.rules || []\"\n              name=\"value\"\n            >\n              <slot name=\"value-warapper\" v-bind=\"getValueType\">\n                <component\n                  :is=\"`ll-${getValueType.type}`\"\n                  v-model:value=\"innerValue['value']\"\n                  :disabled=\"getValueDisabled\"\n                  style=\"width: 100%\"\n                  v-bind=\"getValueType\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"value\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n          <template v-if=\"props.showDelete\">\n            <template v-if=\"hasValue\">\n              <a-popconfirm\n                title=\"确定要移除吗?\"\n                ok-text=\"确认\"\n                cancel-text=\"取消\"\n                placement=\"topRight\"\n                :overlay-class-name=\"bem.m('popconfirm')\"\n                :get-popup-container=\"(trigger: Element) => trigger.parentNode\"\n                destroy-tooltip-on-hide\n                @confirm=\"handleDelete\"\n              >\n                <div\n                  :class=\"bem.m('delete')\"\n                  :style=\"{\n                    'margin-top':\n                      !!attrs['key-label'] || !!attrs['value-label']\n                        ? '26px'\n                        : '0px'\n                  }\"\n                >\n                  <ll-button type=\"link\" :disabled=\"getDeleteDisabled\">\n                    <slot name=\"delete-icon\">\n                      <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n                    </slot>\n                  </ll-button>\n                </div>\n              </a-popconfirm>\n            </template>\n            <div\n              v-else\n              :class=\"bem.m('delete')\"\n              :style=\"{\n                'margin-top':\n                  !!attrs['key-label'] || !!attrs['value-label']\n                    ? '26px'\n                    : '0px'\n              }\"\n            >\n              <ll-button\n                type=\"link\"\n                :disabled=\"getDeleteDisabled\"\n                @click=\"handleDelete\"\n              >\n                <slot name=\"delete-icon\">\n                  <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n                </slot>\n              </ll-button>\n            </div>\n          </template>\n        </div>\n      </template>\n    </template>\n  </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch, nextTick } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport type { FormInstance } from '@ll-plus/components'\nimport {\n  keyValueItemProps,\n  keyValueItemEmits,\n  formColumns,\n  formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { NamePath } from 'ant-design-vue/es/form/interface'\n\ndefineOptions({\n  name: 'LlKeyValueItem'\n})\n\nconst props = defineProps(keyValueItemProps)\nconst emits = defineEmits(keyValueItemEmits)\n\nconst attrs = useAttrs()\nconst bem = createNamespace('key-value')\nconst innerValue = ref(props.value)\n\nconst form = ref<FormInstance | null>()\n\nconst getKeyType = computed<FormColumn>(() => {\n  const option = props.keyType\n  return option\n})\nconst getValueType = computed<FormColumn>(() => {\n  let option = props.valueType\n  if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n    option = props.keyValueTypeDict[innerValue.value['key']]\n  }\n  return option\n})\n\nconst getKeyDisabled = computed(() => {\n  return (\n    props.disabledKey?.includes(props.idx) ||\n    props.disabled ||\n    getKeyType.value?.disabled\n  )\n})\n\nconst getValueDisabled = computed(() => {\n  return (\n    props.disabledValue?.includes(props.idx) ||\n    props.disabled ||\n    getValueType.value?.disabled\n  )\n})\n\nconst getDeleteDisabled = computed(() => {\n  return props.disabledDelete?.includes(props.idx) || props.disabled\n})\n\nconst hasValue = computed(() => {\n  return (\n    innerValue.value['key'] ||\n    innerValue.value['key'] === 0 ||\n    innerValue.value['value']\n  )\n})\n\nconst handleDelete = () => {\n  emits('delete')\n}\n\nconst handleChange = async () => {\n  innerValue.value['value'] = null\n  await form.value?.clearValidate()\n}\n\nconst validate = async () => {\n  return await form.value?.validate()\n}\n\nconst resetFields = async () => {\n  return await form.value?.resetFields()\n}\nconst clearValidate = async (namePath?: NamePath[]) => {\n  return await form.value?.clearValidate(namePath)\n}\n\nwatch(\n  innerValue,\n  async val => {\n    await nextTick().then(() => {\n      try {\n        emits('update:value', val)\n        emits('change')\n      } catch (error) {\n        console.error(error)\n      }\n    })\n  },\n  {\n    deep: true\n  }\n)\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate\n})\n</script>\n\n<style scoped></style>\n"],"names":["useAttrs","createNamespace","ref","computed","isEmpty","watch","nextTick"],"mappings":"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"}

package/lib/packages/components/new-modal/src/modal.vue2.js

@@ -62,11 +62,21 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ref_key: "modal",
         ref: modal$1,
         open: _ctx.open,
-        title: _ctx.title,
         "wrap-class-name": `${vue.unref(bem).b()} ${_ctx.wrapClassName}`,
         onCancel: handleCancel,
         onOk: handleOk
       }), vue.createSlots({
+        title: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "title", {}, () => [
+            vue.createElementVNode(
+              "span",
+              null,
+              vue.toDisplayString(props.title),
+              1
+              /* TEXT */
+            )
+          ])
+        ]),
         default: vue.withCtx(() => [
           vue.createElementVNode(
             "div",
@@ -114,7 +124,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["open", "title", "wrap-class-name"]);
+      ]), 1040, ["open", "wrap-class-name"]);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"modal.vue2.js","sources":["../../../../../../packages/components/new-modal/src/modal.vue"],"sourcesContent":["<template>\n  <Modal\n    v-bind=\"getBindValue\"\n    ref=\"modal\"\n    :open=\"open\"\n    :title=\"title\"\n    :wrap-class-name=\"`${bem.b()} ${wrapClassName}`\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <!-- 内容区域 -->\n    <div ref=\"scrollRef\" :class=\"[bem.e('container')]\">\n      <slot />\n    </div>\n    <!-- 底部区域 -->\n    <template v-if=\"showFooter\" #footer>\n      <div\n        :class=\"`${bem.e('footer')} ${\n          isShowContentBottomBox ? bem.e('footer-shadow') : ''\n        }`\"\n      >\n        <slot name=\"footer\">\n          <ll-button\n            v-if=\"type !== 'confirm'\"\n            :label=\"cancelText\"\n            size=\"middle\"\n            v-bind=\"cancelButtonProps\"\n            @click=\"handleCancel\"\n          >\n          </ll-button>\n          <ll-button\n            type=\"primary\"\n            :loading=\"props.confirmLoading\"\n            size=\"middle\"\n            :label=\"\n              props.confirmText\n                ? props.confirmText\n                : props.type === 'confirm'\n                ? '知道了'\n                : '确认'\n            \"\n            v-bind=\"okButtonProps\"\n            @click=\"handleOk\"\n          />\n        </slot>\n      </div>\n    </template>\n  </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, computed } from 'vue'\n\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { newModalProps, newModalEmits } from './modal'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport type { ModalProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewModal' })\n\n// 1.props/emits\nconst props = defineProps(newModalProps)\nconst emits = defineEmits(newModalEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst modal = ref<HTMLElement>()\n// const isShowContentBottomBox = ref(false)\nconst getBindValue = computed(() => {\n  const result: ModalProps = {\n    ...omit({ ...attrs }, [...Object.keys(newModalProps), 'wrapClassName'])\n  }\n  if (!props.showFooter) result.footer = null\n  return result\n})\n// 是否显示底部的阴影\nconst isShowContentBottomBox = computed(() => {\n  // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n  if (props.footerShadowPlacement === 'inner') {\n    return (\n      props.isShowFooterShadow &&\n      isHasScrollBar.value &&\n      scrollPosition.value !== 'bottom'\n    )\n  } else {\n    // 如果顶部的阴影为false，则说明不是内部容器滚动，则底部的阴影由 外部的isShowFooterShadow来决定\n    return props.isShowFooterShadow\n  }\n})\nconst bem = createNamespace('new-modal')\n\n// 3.methods\nconst handleCancel = () => {\n  emits('cancel')\n  emits('update:open')\n}\nconst handleOk = () => {\n  emits('ok')\n}\n// 滚动条返回顶部\nconst scrollTop = () => {\n  if (scrollRef && scrollRef.value) {\n    scrollRef.value.scrollTop = 0\n    scrollPosition.value = 'top'\n  }\n}\n\n// 4.defineExpose\ndefineExpose({\n  scrollTop\n})\n</script>\n"],"names":["useAttrs","useScroll","modal","ref","computed","omit","newModalProps","createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcC,eAAU,EAAA,CAAA;AAGhE,IAAA,MAAMC,UAAQC,OAAiB,EAAA,CAAA;AAE/B,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,MAAqB,GAAA;AAAA,QACzB,GAAGC,aAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAKC,mBAAa,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACxE,CAAA;AACA,MAAA,IAAI,CAAC,KAAM,CAAA,UAAA;AAAY,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AACvC,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyBF,aAAS,MAAM;AAE5C,MAAI,IAAA,KAAA,CAAM,0BAA0B,OAAS,EAAA;AAC3C,QAAA,OACE,KAAM,CAAA,kBAAA,IACN,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OAEtB,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMG,gCAAgB,WAAW,CAAA,CAAA;AAGvC,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,IAAA,MAAM,YAAY,MAAM;AACtB,MAAI,IAAA,SAAA,IAAa,UAAU,KAAO,EAAA;AAChC,QAAA,SAAA,CAAU,MAAM,SAAY,GAAA,CAAA,CAAA;AAC5B,QAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"modal.vue2.js","sources":["../../../../../../packages/components/new-modal/src/modal.vue"],"sourcesContent":["<template>\n  <Modal\n    v-bind=\"getBindValue\"\n    ref=\"modal\"\n    :open=\"open\"\n    :wrap-class-name=\"`${bem.b()} ${wrapClassName}`\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <!-- 头部区域 -->\n    <template #title>\n      <slot name=\"title\">\n        <span>{{ props.title }}</span>\n      </slot>\n    </template>\n    <!-- 内容区域 -->\n    <div ref=\"scrollRef\" :class=\"[bem.e('container')]\">\n      <slot />\n    </div>\n    <!-- 底部区域 -->\n    <template v-if=\"showFooter\" #footer>\n      <div\n        :class=\"`${bem.e('footer')} ${\n          isShowContentBottomBox ? bem.e('footer-shadow') : ''\n        }`\"\n      >\n        <slot name=\"footer\">\n          <ll-button\n            v-if=\"type !== 'confirm'\"\n            :label=\"cancelText\"\n            size=\"middle\"\n            v-bind=\"cancelButtonProps\"\n            @click=\"handleCancel\"\n          >\n          </ll-button>\n          <ll-button\n            type=\"primary\"\n            :loading=\"props.confirmLoading\"\n            size=\"middle\"\n            :label=\"\n              props.confirmText\n                ? props.confirmText\n                : props.type === 'confirm'\n                ? '知道了'\n                : '确认'\n            \"\n            v-bind=\"okButtonProps\"\n            @click=\"handleOk\"\n          />\n        </slot>\n      </div>\n    </template>\n  </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, computed } from 'vue'\n\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { newModalProps, newModalEmits } from './modal'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport type { ModalProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewModal' })\n\n// 1.props/emits\nconst props = defineProps(newModalProps)\nconst emits = defineEmits(newModalEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst modal = ref<HTMLElement>()\n// const isShowContentBottomBox = ref(false)\nconst getBindValue = computed(() => {\n  const result: ModalProps = {\n    ...omit({ ...attrs }, [...Object.keys(newModalProps), 'wrapClassName'])\n  }\n  if (!props.showFooter) result.footer = null\n  return result\n})\n// 是否显示底部的阴影\nconst isShowContentBottomBox = computed(() => {\n  // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n  if (props.footerShadowPlacement === 'inner') {\n    return (\n      props.isShowFooterShadow &&\n      isHasScrollBar.value &&\n      scrollPosition.value !== 'bottom'\n    )\n  } else {\n    // 如果顶部的阴影为false，则说明不是内部容器滚动，则底部的阴影由 外部的isShowFooterShadow来决定\n    return props.isShowFooterShadow\n  }\n})\nconst bem = createNamespace('new-modal')\n\n// 3.methods\nconst handleCancel = () => {\n  emits('cancel')\n  emits('update:open')\n}\nconst handleOk = () => {\n  emits('ok')\n}\n// 滚动条返回顶部\nconst scrollTop = () => {\n  if (scrollRef && scrollRef.value) {\n    scrollRef.value.scrollTop = 0\n    scrollPosition.value = 'top'\n  }\n}\n\n// 4.defineExpose\ndefineExpose({\n  scrollTop\n})\n</script>\n"],"names":["useAttrs","useScroll","modal","ref","computed","omit","newModalProps","createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcC,eAAU,EAAA,CAAA;AAGhE,IAAA,MAAMC,UAAQC,OAAiB,EAAA,CAAA;AAE/B,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,MAAqB,GAAA;AAAA,QACzB,GAAGC,aAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAKC,mBAAa,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACxE,CAAA;AACA,MAAA,IAAI,CAAC,KAAM,CAAA,UAAA;AAAY,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AACvC,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyBF,aAAS,MAAM;AAE5C,MAAI,IAAA,KAAA,CAAM,0BAA0B,OAAS,EAAA;AAC3C,QAAA,OACE,KAAM,CAAA,kBAAA,IACN,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OAEtB,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMG,gCAAgB,WAAW,CAAA,CAAA;AAGvC,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,IAAA,MAAM,YAAY,MAAM;AACtB,MAAI,IAAA,SAAA,IAAa,UAAU,KAAO,EAAA;AAChC,QAAA,SAAA,CAAU,MAAM,SAAY,GAAA,CAAA,CAAA;AAC5B,QAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/operate-icon/src/operate-icon.vue2.js

@@ -23,7 +23,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const showIconList = vue.ref([]);
     const modalIconList = vue.ref([]);
     const dropdownOpen = vue.ref(false);
-    const defualtList = vue.ref([
+    const defaultList = vue.ref([
       // 默认的icon列表
       {
         iconType: vue.computed(() => props.iconType || "primary"),
@@ -58,20 +58,20 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const marginButtonClass = (index, length) => {
       return index < length ? "margin-tooltip" : "";
     };
-    const handheOpenChange = (open) => emits("onDropdownOpenChange", open);
+    const handleOpenChange = (open) => emits("onDropdownOpenChange", open);
     const handleDropdownOpenChange = (open) => {
       dropdownOpen.value = open;
-      handheOpenChange(open);
+      handleOpenChange(open);
     };
     const handleDropdownParentClick = () => {
       dropdownOpen.value = false;
-      handheOpenChange(false);
+      handleOpenChange(false);
     };
     vue.watch(
       () => [props.list, props.showDropdown],
       (data) => {
         const [newList, showDropdown] = data;
-        const list = newList ? newList.filter(Boolean) : defualtList.value;
+        const list = newList ? newList.filter(Boolean) : defaultList.value;
         const length = list.length;
         if (length >= props.showIconLimit && showDropdown) {
           showIconList.value = list.slice(

package/lib/packages/components/operate-icon/src/operate-icon.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"operate-icon.vue2.js","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n  <div :class=\"operateIconClass\">\n    <!-- 显示的icon -->\n    <ll-icon-base\n      v-for=\"(item, index) in showIconList\"\n      v-bind=\"item\"\n      :key=\"item.iconName\"\n      :data=\"data\"\n      :is-show=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n      :tooltip-class=\"bem.e(marginButtonClass(index, showIconList.length - 1))\"\n    />\n    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length\"\n      :overlay-class-name=\"bem.e('dropdown')\"\n      :open=\"dropdownOpen\"\n      :trigger=\"trigger\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div :class=\"bem.e('dropdown-container')\">\n        <ll-icon-base\n          :is-show-tooltip=\"false\"\n          :is-show-container=\"showIconList[0].isShowContainer\"\n          :icon-type=\"showIconList[0].iconType\"\n          :data=\"data\"\n          icon-name=\"icon-more\"\n          :class=\"bem.e('icon-more')\"\n        />\n      </div>\n      <template #overlay>\n        <a-menu @click=\"handleDropdownParentClick\">\n          <slot>\n            <template v-for=\"item in modalIconList\">\n              <a-menu-item\n                v-if=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n                :key=\"item.iconName\"\n              >\n                <ll-icon-base v-bind=\"item\" :data=\"data\" />\n              </a-menu-item>\n            </template>\n          </slot>\n        </a-menu>\n      </template>\n    </a-dropdown>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defualtList = ref([\n  // 默认的icon列表\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-edit',\n    tooltipTitle: '编辑',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('edit', e, data)\n    }\n  },\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-delete',\n    tooltipTitle: '删除',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('delete', e, data)\n    }\n  }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n  const isHasDropdown = props.showDropdown && modalIconList.value.length\n  return `${bem.b()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\n})\n// 4.methods\n// 点击更多按钮\nconst marginButtonClass = (index, length) => {\n  return index < length ? 'margin-tooltip' : ''\n}\nconst handheOpenChange = (open: boolean) => emits('onDropdownOpenChange', open)\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  dropdownOpen.value = open\n  handheOpenChange(open)\n}\nconst handleDropdownParentClick = () => {\n  dropdownOpen.value = false\n  handheOpenChange(false)\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList ? newList.filter(Boolean) : defualtList.value\n    const length = list.length\n    if (length >= props.showIconLimit && showDropdown) {\n      showIconList.value = list.slice(\n        0,\n        props.showIconLimit - 1\n      ) as IconBaseProps[]\n      // 默认modal里面要icon后面跟文字\n      modalIconList.value = list\n        .slice(props.showIconLimit - 1)\n        .map((item: any) => ({ ...item, isShowTitle: true }))\n    } else {\n      showIconList.value = list as IconBaseProps[]\n    }\n  },\n  { immediate: true, deep: true }\n)\n</script>\n"],"names":["ref","computed","createNamespace","watch"],"mappings":"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"}
+{"version":3,"file":"operate-icon.vue2.js","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n  <div :class=\"operateIconClass\">\n    <!-- 显示的icon -->\n    <ll-icon-base\n      v-for=\"(item, index) in showIconList\"\n      v-bind=\"item\"\n      :key=\"item.iconName\"\n      :data=\"data\"\n      :is-show=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n      :tooltip-class=\"bem.e(marginButtonClass(index, showIconList.length - 1))\"\n    />\n    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length\"\n      :overlay-class-name=\"bem.e('dropdown')\"\n      :open=\"dropdownOpen\"\n      :trigger=\"trigger\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div :class=\"bem.e('dropdown-container')\">\n        <ll-icon-base\n          :is-show-tooltip=\"false\"\n          :is-show-container=\"showIconList[0].isShowContainer\"\n          :icon-type=\"showIconList[0].iconType\"\n          :data=\"data\"\n          icon-name=\"icon-more\"\n          :class=\"bem.e('icon-more')\"\n        />\n      </div>\n      <template #overlay>\n        <a-menu @click=\"handleDropdownParentClick\">\n          <slot>\n            <template v-for=\"item in modalIconList\">\n              <a-menu-item\n                v-if=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n                :key=\"item.iconName\"\n              >\n                <ll-icon-base v-bind=\"item\" :data=\"data\" />\n              </a-menu-item>\n            </template>\n          </slot>\n        </a-menu>\n      </template>\n    </a-dropdown>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defaultList = ref([\n  // 默认的icon列表\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-edit',\n    tooltipTitle: '编辑',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('edit', e, data)\n    }\n  },\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-delete',\n    tooltipTitle: '删除',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('delete', e, data)\n    }\n  }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n  const isHasDropdown = props.showDropdown && modalIconList.value.length\n  return `${bem.b()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\n})\n// 4.methods\n// 点击更多按钮\nconst marginButtonClass = (index, length) => {\n  return index < length ? 'margin-tooltip' : ''\n}\nconst handleOpenChange = (open: boolean) => emits('onDropdownOpenChange', open)\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  dropdownOpen.value = open\n  handleOpenChange(open)\n}\nconst handleDropdownParentClick = () => {\n  dropdownOpen.value = false\n  handleOpenChange(false)\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList ? newList.filter(Boolean) : defaultList.value\n    const length = list.length\n    if (length >= props.showIconLimit && showDropdown) {\n      showIconList.value = list.slice(\n        0,\n        props.showIconLimit - 1\n      ) as IconBaseProps[]\n      // 默认modal里面要icon后面跟文字\n      modalIconList.value = list\n        .slice(props.showIconLimit - 1)\n        .map((item: any) => ({ ...item, isShowTitle: true }))\n    } else {\n      showIconList.value = list as IconBaseProps[]\n    }\n  },\n  { immediate: true, deep: true }\n)\n</script>\n"],"names":["ref","computed","createNamespace","watch"],"mappings":"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"}

package/lib/packages/components/operate-tree/src/operate-tree.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"operate-tree.vue2.js","sources":["../../../../../../packages/components/operate-tree/src/operate-tree.vue"],"sourcesContent":["<template>\n  <a-spin :spinning=\"loading\">\n    <div :class=\"bem.b()\">\n      <!-- 目录tree -->\n      <a-directory-tree\n        v-if=\"treeData?.length\"\n        v-bind=\"attrs\"\n        :block-node=\"true\"\n        multiple\n        :tree-data=\"treeData\"\n        :expanded-keys=\"newExpandedKeys\"\n        :field-names=\"fieldNames\"\n        @expand=\"expand\"\n        @select=\"select\"\n        @mouseenter=\"handleMouseenter\"\n      >\n        <!-- switcher-icon-slots -->\n        <template #switcherIcon=\"slots\">\n          <slot name=\"switcherIcon\" v-bind=\"slots\">\n            <caret-right-outlined v-if=\"!slots.expanded\" />\n            <caret-down-outlined v-else />\n          </slot>\n        </template>\n        <template #title=\"slots\">\n          <div :class=\"bem.e('title')\">\n            <div>\n              <!-- icon-slots -->\n              <div v-if=\"$slots.icon\" :class=\"bem.e('icon')\">\n                <slot name=\"icon\" v-bind=\"slots\" />\n              </div>\n              <!-- title-slots -->\n              <slot name=\"treeTitle\" v-bind=\"slots\">\n                <span>\n                  {{ slots[fieldNames!['title']!] }}\n                </span>\n              </slot>\n            </div>\n            <!-- operate-slots -->\n            <div\n              :class=\"`${bem.e('operate')} ${\n                props.operateDropdownOpen && hoverTreeNodeItem[fieldNames!['key']!] === slots[fieldNames!['key']!] ? bem.is('open') : bem.is('close')\n              }`\"\n            >\n              <slot name=\"treeOperate\" :data=\"slots\"></slot>\n            </div>\n          </div>\n        </template>\n      </a-directory-tree>\n      <template v-else>\n        <!-- empty-slots -->\n        <slot name=\"empty\">\n          <ll-empty>\n            <template #content>暂无数据</template>\n          </ll-empty>\n        </slot>\n      </template>\n    </div>\n  </a-spin>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { operateTreeProps, operateTreeEmits } from './operate-tree'\n\nimport { CaretRightOutlined, CaretDownOutlined } from '@ant-design/icons-vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlOperateTree' })\n\n// 2.props/emits\nconst props = defineProps(operateTreeProps)\nconst emits = defineEmits(operateTreeEmits)\n\n// 3.hooks\nconst attrs = useAttrs()\n\n// 4.ref\nconst newExpandedKeys = ref<string[]>([])\nconst hoverTreeNodeItem = ref() // 鼠标移的node的数据\nconst bem = createNamespace('operate-tree')\n\nconst handleMouseenter = ({ node }) => {\n  hoverTreeNodeItem.value = node\n}\n// 5.methods\n// tree的展开事件\nconst expand = (expandedKeys: string[], data: any) => {\n  newExpandedKeys.value = expandedKeys\n  emits('expand', expandedKeys, data)\n}\n// tree点击树节点触发\nconst select = (selectedKeys: string[], e: Event) => {\n  emits('select', selectedKeys, e)\n}\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n  () => props.expandedKeys,\n  keys => {\n    if (keys) {\n      newExpandedKeys.value = keys as string[]\n    }\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":["useAttrs","ref","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;;AAuEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAGvB,IAAM,MAAA,eAAA,GAAkBC,OAAc,CAAA,EAAE,CAAA,CAAA;AACxC,IAAA,MAAM,oBAAoBA,OAAI,EAAA,CAAA;AAC9B,IAAM,MAAA,GAAA,GAAMC,gCAAgB,cAAc,CAAA,CAAA;AAE1C,IAAA,MAAM,gBAAmB,GAAA,CAAC,EAAE,IAAA,EAAW,KAAA;AACrC,MAAA,iBAAA,CAAkB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC5B,CAAA;AAGA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,IAAc,KAAA;AACpD,MAAA,eAAA,CAAgB,KAAQ,GAAA,YAAA,CAAA;AACxB,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,CAAa,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA;AAIA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,YAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,eAAA,CAAgB,KAAQ,GAAA,IAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"operate-tree.vue2.js","sources":["../../../../../../packages/components/operate-tree/src/operate-tree.vue"],"sourcesContent":["<template>\n  <a-spin :spinning=\"loading\">\n    <div :class=\"bem.b()\">\n      <!-- 目录tree -->\n      <a-directory-tree\n        v-if=\"treeData?.length\"\n        v-bind=\"attrs\"\n        :block-node=\"true\"\n        multiple\n        :tree-data=\"treeData\"\n        :expanded-keys=\"newExpandedKeys\"\n        :field-names=\"fieldNames\"\n        @expand=\"expand\"\n        @select=\"select\"\n        @mouseenter=\"handleMouseenter\"\n      >\n        <!-- switcher-icon-slots -->\n        <template #switcherIcon=\"slots\">\n          <slot name=\"switcherIcon\" v-bind=\"slots\">\n            <caret-right-outlined v-if=\"!slots.expanded\" />\n            <caret-down-outlined v-else />\n          </slot>\n        </template>\n        <template #title=\"slots\">\n          <div :class=\"bem.e('title')\">\n            <div>\n              <!-- icon-slots -->\n              <div v-if=\"$slots.icon\" :class=\"bem.e('icon')\">\n                <slot name=\"icon\" v-bind=\"slots\" />\n              </div>\n              <!-- title-slots -->\n              <slot name=\"treeTitle\" v-bind=\"slots\">\n                <span>\n                  {{ slots[fieldNames!['title']!] }}\n                </span>\n              </slot>\n            </div>\n            <!-- operate-slots -->\n            <div\n              :class=\"`${bem.e('operate')} ${\n                props.operateDropdownOpen &&\n                hoverTreeNodeItem[fieldNames!['key']!] ===\n                  slots[fieldNames!['key']!]\n                  ? bem.is('open')\n                  : bem.is('close')\n              }`\"\n            >\n              <slot name=\"treeOperate\" :data=\"slots\"></slot>\n            </div>\n          </div>\n        </template>\n      </a-directory-tree>\n      <template v-else>\n        <!-- empty-slots -->\n        <slot name=\"empty\">\n          <ll-empty>\n            <template #content>暂无数据</template>\n          </ll-empty>\n        </slot>\n      </template>\n    </div>\n  </a-spin>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { operateTreeProps, operateTreeEmits } from './operate-tree'\n\nimport { CaretRightOutlined, CaretDownOutlined } from '@ant-design/icons-vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlOperateTree' })\n\n// 2.props/emits\nconst props = defineProps(operateTreeProps)\nconst emits = defineEmits(operateTreeEmits)\n\n// 3.hooks\nconst attrs = useAttrs()\n\n// 4.ref\nconst newExpandedKeys = ref<string[]>([])\nconst hoverTreeNodeItem = ref() // 鼠标移的node的数据\nconst bem = createNamespace('operate-tree')\n\nconst handleMouseenter = ({ node }) => {\n  hoverTreeNodeItem.value = node\n}\n// 5.methods\n// tree的展开事件\nconst expand = (expandedKeys: string[], data: any) => {\n  newExpandedKeys.value = expandedKeys\n  emits('expand', expandedKeys, data)\n}\n// tree点击树节点触发\nconst select = (selectedKeys: string[], e: Event) => {\n  emits('select', selectedKeys, e)\n}\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n  () => props.expandedKeys,\n  keys => {\n    if (keys) {\n      newExpandedKeys.value = keys as string[]\n    }\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":["useAttrs","ref","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;;AA2EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAGvB,IAAM,MAAA,eAAA,GAAkBC,OAAc,CAAA,EAAE,CAAA,CAAA;AACxC,IAAA,MAAM,oBAAoBA,OAAI,EAAA,CAAA;AAC9B,IAAM,MAAA,GAAA,GAAMC,gCAAgB,cAAc,CAAA,CAAA;AAE1C,IAAA,MAAM,gBAAmB,GAAA,CAAC,EAAE,IAAA,EAAW,KAAA;AACrC,MAAA,iBAAA,CAAkB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC5B,CAAA;AAGA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,IAAc,KAAA;AACpD,MAAA,eAAA,CAAgB,KAAQ,GAAA,YAAA,CAAA;AACxB,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,CAAa,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA;AAIA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,YAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,eAAA,CAAgB,KAAQ,GAAA,IAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/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=\"selectType\"\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            allow-clear\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'\nimport { has } from 'lodash-es'\n\nimport { selectGroupProps, selectGroupEmits } from './select-group'\nimport { createNamespace } from '@ll-plus/utils'\nimport { hasValue } from '../../advanced-filtering'\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 selectType = ref() // selectinput组合select的值\nconst value = ref<any>('') // 左边的value\n// const selectItem = ref<SelectGroupData>() // 选中表单的类型\nconst newList = ref<SelectGroupData[]>([]) // 处理后的数据，比如select的类型前面加个全部\nconst bem = createNamespace('select-group')\nconst bemContainer = createNamespace('select-group-container')\n\nconst selectItem = computed(() => {\n  return newList.value.find(e => e.value === selectType.value)\n})\n\n// 动态计算左边文字最长的宽度\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 = item.noFirstAddAll ? undefined : -1\n  }\n  // selectItem.value = options.item\n  selectType.value = _\n  // console.log({ item }, selectItem.value)\n\n  emits('onSelectChange', _, item)\n}\n// 整合处理change\nconst handleChange = () => {\n  // 过滤-1的下拉全部\n  emits(\n    'change',\n    selectItem.value?.value as string,\n    value.value === -1 ? null : value.value\n  )\n}\nconst setSelectGroup = (selectValue: string, currentValue: any) => {\n  selectType.value = selectValue\n  value.value = currentValue\n}\n\n// 5.watch\n// 已第一个为标准\nwatch(\n  () => props.data as SelectGroupData[],\n  newData => {\n    let list: SelectGroupData[] = []\n    if (newData && newData.length) {\n      list = newData.map(item => {\n        const newItem = { ...item }\n        if (newItem.showFormType === 'select') {\n          if (has(newItem, 'options') && !newItem.noFirstAddAll) {\n            newItem.options = [\n              {\n                label: '全部',\n                value: -1\n              },\n              ...newItem.options!\n            ]\n          } else if (has(newItem, 'list') && !newItem.noFirstAddAll) {\n            newItem.list = [\n              {\n                name: '全部',\n                value: -1\n              },\n              ...newItem.list!\n            ]\n          }\n        }\n        return newItem\n      })\n\n      newList.value = list\n      if (newList.value.length && !props.selectValue) {\n        selectType.value = newList.value[0].value\n      }\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n\nwatch(\n  () => [props.value, props.selectValue] as [any, string],\n  ([currentValue, selectValue]) => {\n    selectType.value = selectValue\n      ? selectValue\n      : newList.value.length\n        ? newList.value[0].value\n        : ''\n    if (selectType.value) {\n      const find = newList.value.find(e => e.value === selectType.value)\n      // selectItem.value = find\n      if (find && find.showFormType === 'select' && !find.noFirstAddAll) {\n        value.value = !hasValue(currentValue) ? -1 : currentValue\n      } else {\n        value.value = currentValue\n      }\n    }\n  },\n  {\n    immediate: true\n  }\n)\n\ndefineExpose({ setSelectGroup })\n</script>\n"],"names":["ref","createNamespace","computed","LEFT_SELECT_MIN_WIDTH","watch","has","hasValue"],"mappings":"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"}
+{"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=\"selectType\"\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            allow-clear\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'\nimport { has } from 'lodash-es'\n\nimport { selectGroupProps, selectGroupEmits } from './select-group'\nimport { createNamespace } from '@ll-plus/utils'\nimport { hasValue } from '../../advanced-filtering'\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 selectType = ref() // selectinput组合select的值\nconst value = ref<any>('') // 左边的value\n// const selectItem = ref<SelectGroupData>() // 选中表单的类型\nconst newList = ref<SelectGroupData[]>([]) // 处理后的数据，比如select的类型前面加个全部\nconst bem = createNamespace('select-group')\nconst bemContainer = createNamespace('select-group-container')\n\nconst selectItem = computed(() => {\n  return newList.value.find(e => e.value === selectType.value)\n})\n\n// 动态计算左边文字最长的宽度\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 = item.noFirstAddAll ? undefined : -1\n  }\n  // selectItem.value = options.item\n  selectType.value = _\n\n  emits('onSelectChange', _, item)\n}\n// 整合处理change\nconst handleChange = () => {\n  // 过滤-1的下拉全部\n  emits(\n    'change',\n    selectItem.value?.value as string,\n    value.value === -1 ? null : value.value\n  )\n}\nconst setSelectGroup = (selectValue: string, currentValue: any) => {\n  selectType.value = selectValue\n  value.value = currentValue\n}\n\n// 5.watch\n// 已第一个为标准\nwatch(\n  () => props.data as SelectGroupData[],\n  newData => {\n    let list: SelectGroupData[] = []\n    if (newData && newData.length) {\n      list = newData.map(item => {\n        const newItem = { ...item }\n        if (newItem.showFormType === 'select') {\n          if (has(newItem, 'options') && !newItem.noFirstAddAll) {\n            newItem.options = [\n              {\n                label: '全部',\n                value: -1\n              },\n              ...newItem.options!\n            ]\n          } else if (has(newItem, 'list') && !newItem.noFirstAddAll) {\n            newItem.list = [\n              {\n                name: '全部',\n                value: -1\n              },\n              ...newItem.list!\n            ]\n          }\n        }\n        return newItem\n      })\n\n      newList.value = list\n      if (newList.value.length && !props.selectValue) {\n        selectType.value = newList.value[0].value\n      }\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n\nwatch(\n  () => [props.value, props.selectValue] as [any, string],\n  ([currentValue, selectValue]) => {\n    selectType.value = selectValue\n      ? selectValue\n      : newList.value.length\n      ? newList.value[0].value\n      : ''\n    if (selectType.value) {\n      const find = newList.value.find(e => e.value === selectType.value)\n      // selectItem.value = find\n      if (find && find.showFormType === 'select' && !find.noFirstAddAll) {\n        value.value = !hasValue(currentValue) ? -1 : currentValue\n      } else {\n        value.value = currentValue\n      }\n    }\n  },\n  {\n    immediate: true\n  }\n)\n\ndefineExpose({ setSelectGroup })\n</script>\n"],"names":["ref","createNamespace","computed","LEFT_SELECT_MIN_WIDTH","watch","has","hasValue"],"mappings":"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"}

package/lib/packages/components/tree-search/src/components/directory-title.vue2.js

@@ -42,7 +42,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 {
                   class: vue.normalizeClass(vue.unref(bem).e("directory-text"))
                 },
-                "\u76EE\u5F55",
+                [
+                  vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                    vue.createTextVNode("\u76EE\u5F55")
+                  ])
+                ],
                 2
                 /* CLASS */
               )