ll-plus 2.9.13 → 2.9.14

package/es/components/upload-drag/src/upload-drag.vue.d.ts

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly onConfirm?: ((...args: any[]) => any) | undefined;
         readonly onCustomRequest?: ((...args: any[]) => any) | undefined;
     } & {}>;
-    emits: (event: "cancel" | "update:value" | "confirm" | "customRequest", ...args: any[]) => void;
+    emits: (event: "cancel" | "update:value" | "customRequest" | "confirm", ...args: any[]) => void;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     handleDragReject: () => void;
     handleClickCancelBtn: () => void;
     handleClickOkBtn: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "update:value" | "confirm" | "customRequest")[], "cancel" | "update:value" | "confirm" | "customRequest", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "update:value" | "customRequest" | "confirm")[], "cancel" | "update:value" | "customRequest" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: ArrayConstructor;
         default: () => never[];

package/es/packages/components/input/src/input.vue2.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, ref, computed, nextTick, watch, useAttrs, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, resolveDynamicComponent, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode } from 'vue';
+import { defineComponent, ref, computed, watch, useAttrs, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, resolveDynamicComponent, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode } from 'vue';
 import '../../../utils/index.mjs';
-import { Input } from 'ant-design-vue';
+import { Form, Input } from 'ant-design-vue';
 import { omit } from 'lodash';
 import { inputProps } from './input.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
@@ -18,6 +18,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const innerValue = ref("");
     const inputRef = ref();
     const isMouseOver = ref(false);
+    const formItemContext = Form.useInjectFormItemContext();
     const hasValue = computed(() => innerValue.value || props.defaultValue);
     const handleMouseOver = () => {
       isMouseOver.value = true;
@@ -25,14 +26,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const handleMouseOut = () => {
       isMouseOver.value = false;
     };
-    const onChange = async (e) => {
+    const onChange = (e) => {
       const { value } = e.target;
-      innerValue.value = value;
-      await nextTick();
+      emit("update:value", value);
+      emit("change", e);
       if (!value && e.type === "click") {
         emit("clear", value);
       }
-      emit("change", e);
+      innerValue.value = value;
+      formItemContext.onFieldChange();
     };
     watch(
       () => [props.value, props.defaultValue],
@@ -43,15 +45,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         immediate: true
       }
     );
-    watch(
-      innerValue,
-      (newValue) => {
-        emit("update:value", newValue);
-      },
-      {
-        immediate: true
-      }
-    );
     const componentType = props.showPassword ? Input.Password : Input;
     const computedAttrs = computed(() => {
       const attrs = { ...omit(useAttrs(), ["class", "style"]), props };
@@ -82,7 +75,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ref: inputRef
           }, computedAttrs.value, {
             value: innerValue.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
             autocomplete: "off",
             "allow-clear": props.allowClear,
             disabled: props.disabled,

package/es/packages/components/input/src/input.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.vue2.mjs","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      autocomplete=\"off\"\n      :allow-clear=\"props.allowClear\"\n      :disabled=\"props.disabled\"\n      :class=\"{\n        'show-clear-icon':\n          props.allowClear && hasValue && isMouseOver && !props.disabled,\n      }\"\n      @change=\"onChange\"\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 { createNamespace } from '@ll-plus/utils'\nimport { Input } from 'ant-design-vue'\nimport { omit } from 'lodash'\nimport { computed, nextTick, ref, useAttrs, watch } from 'vue'\nimport { InputValue, inputProps } from './input'\n\ndefineOptions({ name: 'LlInput' })\n\nconst bem = createNamespace('input')\n\nconst props = defineProps(inputProps)\n\nconst emit = defineEmits(['update:value', 'change', 'clear'])\n\nconst innerValue = ref<InputValue>('')\n\nconst inputRef = ref()\n\nconst isMouseOver = ref(false)\n\n// 判断当前输入框是否有值\nconst hasValue = computed(() => innerValue.value || props.defaultValue)\n\n// 鼠标移入事件\nconst handleMouseOver = () => {\n  isMouseOver.value = true\n}\n\n// 鼠标移出事件\nconst handleMouseOut = () => {\n  isMouseOver.value = false\n}\n\n// 输入框发送变化的回调\nconst onChange = async (e: any) => {\n  const { value } = e.target\n  innerValue.value = value\n  await nextTick()\n  if (!value && e.type === 'click') {\n    emit('clear', value)\n  }\n  emit('change', e)\n}\n\n// 监听props.value/props.defaultValue的变化\nwatch(\n  () => [props.value, props.defaultValue],\n  ([newValue, newDefaultValue]) => {\n    innerValue.value = newValue || newDefaultValue\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\nconst focus = () => {\n  inputRef.value.focus()\n}\nconst select = () => {\n  inputRef.value.select()\n}\n\n// 公开focus方法\ndefineExpose({\n  focus,\n  select,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAsCA,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,UAAA,GAAa,IAAgB,EAAE,CAAA,CAAA;AAErC,IAAA,MAAM,WAAW,GAAI,EAAA,CAAA;AAErB,IAAM,MAAA,WAAA,GAAc,IAAI,KAAK,CAAA,CAAA;AAG7B,IAAA,MAAM,WAAW,QAAS,CAAA,MAAM,UAAW,CAAA,KAAA,IAAS,MAAM,YAAY,CAAA,CAAA;AAGtE,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,IAAM,MAAA,QAAA,GAAW,OAAO,CAAW,KAAA;AACjC,MAAM,MAAA,EAAE,KAAM,EAAA,GAAI,CAAE,CAAA,MAAA,CAAA;AACpB,MAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AACnB,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,IAAI,CAAC,KAAA,IAAS,CAAE,CAAA,IAAA,KAAS,OAAS,EAAA;AAChC,QAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAAA,OACrB;AACA,MAAA,IAAA,CAAK,UAAU,CAAC,CAAA,CAAA;AAAA,KAClB,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,KAAA,EAAO,MAAM,YAAY,CAAA;AAAA,MACtC,CAAC,CAAC,QAAU,EAAA,eAAe,CAAM,KAAA;AAC/B,QAAA,UAAA,CAAW,QAAQ,QAAY,IAAA,eAAA,CAAA;AAAA,OACjC;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,UAAA;AAAA,MACA,CAAC,QAAa,KAAA;AACZ,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,GAAA,KAAA,CAAM,QAAW,GAAA,KAAA,CAAA;AAG5D,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAM,MAAA,KAAA,GAAQ,EAAE,GAAG,IAAK,CAAA,QAAA,EAAY,EAAA,CAAC,OAAS,EAAA,OAAO,CAAC,CAAA,EAAG,KAAM,EAAA,CAAA;AAC/D,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,QAAA,CAAS,MAAM,KAAM,EAAA,CAAA;AAAA,KACvB,CAAA;AACA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,QAAA,CAAS,MAAM,MAAO,EAAA,CAAA;AAAA,KACxB,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,MACA,MAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"input.vue2.mjs","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      :value=\"innerValue\"\n      autocomplete=\"off\"\n      :allow-clear=\"props.allowClear\"\n      :disabled=\"props.disabled\"\n      :class=\"{\n        'show-clear-icon':\n          props.allowClear && hasValue && isMouseOver && !props.disabled,\n      }\"\n      @change=\"onChange\"\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 { createNamespace } from '@ll-plus/utils'\nimport { Form, Input } from 'ant-design-vue'\nimport { omit } from 'lodash'\nimport { computed, ref, useAttrs, watch } from 'vue'\nimport { InputValue, inputProps } from './input'\n\ndefineOptions({ name: 'LlInput' })\n\nconst bem = createNamespace('input')\n\nconst props = defineProps(inputProps)\n\nconst emit = defineEmits(['update:value', 'change', 'clear'])\n\nconst innerValue = ref<InputValue>('')\n\nconst inputRef = ref()\n\nconst isMouseOver = ref(false)\n\nconst formItemContext = Form.useInjectFormItemContext()\n\n// 判断当前输入框是否有值\nconst hasValue = computed(() => innerValue.value || props.defaultValue)\n\n// 鼠标移入事件\nconst handleMouseOver = () => {\n  isMouseOver.value = true\n}\n\n// 鼠标移出事件\nconst handleMouseOut = () => {\n  isMouseOver.value = false\n}\n\n// 输入框发送变化的回调\nconst onChange = (e: any) => {\n  const { value } = e.target\n  emit('update:value', value)\n  emit('change', e)\n  if (!value && e.type === 'click') {\n    emit('clear', value)\n  }\n  innerValue.value = value\n  formItemContext.onFieldChange()\n}\n\n// 监听props.value/props.defaultValue的变化\nwatch(\n  () => [props.value, props.defaultValue],\n  ([newValue, newDefaultValue]) => {\n    innerValue.value = newValue || newDefaultValue\n  },\n  {\n    immediate: true,\n  },\n)\n\n// 监听innerValue的变化，触发update:value事件\n// watch(\n//   innerValue,\n//   (newValue) => {\n//     emit('update:value', newValue)\n//     formItemContext.onFieldChange()\n//   },\n//   {\n//     immediate: true,\n//     deep: 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\nconst focus = () => {\n  inputRef.value.focus()\n}\nconst select = () => {\n  inputRef.value.select()\n}\n\n// 公开focus方法\ndefineExpose({\n  focus,\n  select,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAsCA,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,UAAA,GAAa,IAAgB,EAAE,CAAA,CAAA;AAErC,IAAA,MAAM,WAAW,GAAI,EAAA,CAAA;AAErB,IAAM,MAAA,WAAA,GAAc,IAAI,KAAK,CAAA,CAAA;AAE7B,IAAM,MAAA,eAAA,GAAkB,KAAK,wBAAyB,EAAA,CAAA;AAGtD,IAAA,MAAM,WAAW,QAAS,CAAA,MAAM,UAAW,CAAA,KAAA,IAAS,MAAM,YAAY,CAAA,CAAA;AAGtE,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,IAAM,MAAA,QAAA,GAAW,CAAC,CAAW,KAAA;AAC3B,MAAM,MAAA,EAAE,KAAM,EAAA,GAAI,CAAE,CAAA,MAAA,CAAA;AACpB,MAAA,IAAA,CAAK,gBAAgB,KAAK,CAAA,CAAA;AAC1B,MAAA,IAAA,CAAK,UAAU,CAAC,CAAA,CAAA;AAChB,MAAA,IAAI,CAAC,KAAA,IAAS,CAAE,CAAA,IAAA,KAAS,OAAS,EAAA;AAChC,QAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAAA,OACrB;AACA,MAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AACnB,MAAA,eAAA,CAAgB,aAAc,EAAA,CAAA;AAAA,KAChC,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,KAAA,EAAO,MAAM,YAAY,CAAA;AAAA,MACtC,CAAC,CAAC,QAAU,EAAA,eAAe,CAAM,KAAA;AAC/B,QAAA,UAAA,CAAW,QAAQ,QAAY,IAAA,eAAA,CAAA;AAAA,OACjC;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAgBA,IAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,YAAe,GAAA,KAAA,CAAM,QAAW,GAAA,KAAA,CAAA;AAG5D,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAM,MAAA,KAAA,GAAQ,EAAE,GAAG,IAAK,CAAA,QAAA,EAAY,EAAA,CAAC,OAAS,EAAA,OAAO,CAAC,CAAA,EAAG,KAAM,EAAA,CAAA;AAC/D,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,QAAA,CAAS,MAAM,KAAM,EAAA,CAAA;AAAA,KACvB,CAAA;AACA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,QAAA,CAAS,MAAM,MAAO,EAAA,CAAA;AAAA,KACxB,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,MACA,MAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/new-drawer/src/drawer.vue2.mjs

@@ -35,7 +35,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const bem = createNamespace("new-drawer");
     const handleClose = () => {
-      console.log("handleClose");
       emits("close");
       emits("update:open");
     };

package/es/packages/components/new-drawer/src/drawer.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.vue2.mjs","sources":["../../../../../../packages/components/new-drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <Drawer\n    v-bind=\"getBindValue\"\n    :title=\"title\"\n    :open=\"open\"\n    :keyboard=\"keyboard\"\n    :root-class-name=\"`${bem.b()} ${rootClassName}`\"\n    @close=\"handleClose\"\n  >\n    <!-- title插槽 -->\n    <template #title>\n      <slot name=\"title\" />\n    </template>\n    <!-- extra插槽 -->\n    <template #extra>\n      <slot name=\"extra\" />\n    </template>\n    <!-- 内容区域 -->\n    <div :class=\"[bem.e('container')]\">\n      <!-- 内容区域 -->\n      <div ref=\"scrollRef\" :class=\"[bem.e('content')]\">\n        <slot />\n      </div>\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          <div :class=\"bem.e('footer-left')\">\n            <slot name=\"footer-left\" />\n          </div>\n          <div :class=\"bem.e('footer-right')\">\n            <slot name=\"footer-right\">\n              <ll-button\n                :class=\"bem.m('cancel')\"\n                :label=\"cancelText\"\n                v-bind=\"cancelButtonProps\"\n                @click=\"handleCancel\"\n              >\n              </ll-button>\n              <ll-button\n                type=\"primary\"\n                :loading=\"confirmLoading\"\n                :label=\"confirmText\"\n                v-bind=\"okButtonProps\"\n                @click=\"handleConfirm\"\n              >\n              </ll-button>\n            </slot>\n          </div>\n        </slot>\n      </div>\n    </template>\n  </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport { Drawer } from 'ant-design-vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\nimport { omit } from 'lodash-es'\nimport { newDrawerProps, newDrawerEmits } from './drawer'\n\nimport type { DrawerProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewDrawer' })\n\n// 1.props/emits\nconst props = defineProps(newDrawerProps)\nconst emits = defineEmits(newDrawerEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst getBindValue = computed(() => {\n  const result: DrawerProps = {\n    ...omit({ ...attrs }, [...Object.keys(newDrawerProps), 'rootClassName']),\n  }\n  if (!props.showFooter) result.footer = null\n  return result\n})\n// 是否显示底部的阴影div\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-drawer')\n\n// 4.methods\n// 点击关闭icon\nconst handleClose = (): void => {\n  console.log('handleClose')\n  emits('close')\n  emits('update:open')\n}\n// 点击取消按钮\nconst handleCancel = (): void => {\n  emits('cancel')\n  emits('update:open')\n}\n// 点击确定按钮\nconst handleConfirm = (): void => {\n  emits('confirm')\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":[],"mappings":";;;;;;;;;;;;;;;;AA2EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AAGhE,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,cAAc,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACzE,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,GAAyB,SAAS,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,GAAM,gBAAgB,YAAY,CAAA,CAAA;AAIxC,IAAA,MAAM,cAAc,MAAY;AAC9B,MAAA,OAAA,CAAQ,IAAI,aAAa,CAAA,CAAA;AACzB,MAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACb,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAY;AAC/B,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAY;AAChC,MAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KACjB,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":"drawer.vue2.mjs","sources":["../../../../../../packages/components/new-drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <Drawer\n    v-bind=\"getBindValue\"\n    :title=\"title\"\n    :open=\"open\"\n    :keyboard=\"keyboard\"\n    :root-class-name=\"`${bem.b()} ${rootClassName}`\"\n    @close=\"handleClose\"\n  >\n    <!-- title插槽 -->\n    <template #title>\n      <slot name=\"title\" />\n    </template>\n    <!-- extra插槽 -->\n    <template #extra>\n      <slot name=\"extra\" />\n    </template>\n    <!-- 内容区域 -->\n    <div :class=\"[bem.e('container')]\">\n      <!-- 内容区域 -->\n      <div ref=\"scrollRef\" :class=\"[bem.e('content')]\">\n        <slot />\n      </div>\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          <div :class=\"bem.e('footer-left')\">\n            <slot name=\"footer-left\" />\n          </div>\n          <div :class=\"bem.e('footer-right')\">\n            <slot name=\"footer-right\">\n              <ll-button\n                :class=\"bem.m('cancel')\"\n                :label=\"cancelText\"\n                v-bind=\"cancelButtonProps\"\n                @click=\"handleCancel\"\n              >\n              </ll-button>\n              <ll-button\n                type=\"primary\"\n                :loading=\"confirmLoading\"\n                :label=\"confirmText\"\n                v-bind=\"okButtonProps\"\n                @click=\"handleConfirm\"\n              >\n              </ll-button>\n            </slot>\n          </div>\n        </slot>\n      </div>\n    </template>\n  </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport { Drawer } from 'ant-design-vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\nimport { omit } from 'lodash-es'\nimport { newDrawerProps, newDrawerEmits } from './drawer'\n\nimport type { DrawerProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewDrawer' })\n\n// 1.props/emits\nconst props = defineProps(newDrawerProps)\nconst emits = defineEmits(newDrawerEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst getBindValue = computed(() => {\n  const result: DrawerProps = {\n    ...omit({ ...attrs }, [...Object.keys(newDrawerProps), 'rootClassName']),\n  }\n  if (!props.showFooter) result.footer = null\n  return result\n})\n// 是否显示底部的阴影div\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-drawer')\n\n// 4.methods\n// 点击关闭icon\nconst handleClose = (): void => {\n  emits('close')\n  emits('update:open')\n}\n// 点击取消按钮\nconst handleCancel = (): void => {\n  emits('cancel')\n  emits('update:open')\n}\n// 点击确定按钮\nconst handleConfirm = (): void => {\n  emits('confirm')\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":[],"mappings":";;;;;;;;;;;;;;;;AA2EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AAGhE,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,cAAc,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACzE,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,GAAyB,SAAS,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,GAAM,gBAAgB,YAAY,CAAA,CAAA;AAIxC,IAAA,MAAM,cAAc,MAAY;AAC9B,MAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACb,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAY;AAC/B,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAY;AAChC,MAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KACjB,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/es/packages/components/select-group/src/select-group.vue2.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, withCtx, createCommentVNode, normalizeStyle, Fragment, renderList, createBlock, createTextVNode, toDisplayString, renderSlot, normalizeProps, mergeProps } from 'vue';
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, withCtx, createCommentVNode, normalizeStyle, Fragment, renderList, createBlock, createTextVNode, toDisplayString, mergeProps, renderSlot, normalizeProps } from 'vue';
 import { has } from 'lodash-es';
-import { selectGroupProps, selectGroupEmits, LEFT_SELECT_MIN_WIDTH } from './select-group.mjs';
 import '../../../utils/index.mjs';
+import { selectGroupProps, selectGroupEmits, LEFT_SELECT_MIN_WIDTH } from './select-group.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
 import { hasValue } from '../../../utils/data.mjs';
 
@@ -194,16 +194,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     { key: 1 },
                     [
                       createCommentVNode(" select\u4E0B\u62C9\u6846 "),
-                      createVNode(_component_a_select, {
+                      createVNode(_component_a_select, mergeProps(selectItem.value, {
                         value: value.value,
                         "onUpdate:value": _cache[2] || (_cache[2] = ($event) => value.value = $event),
-                        class: normalizeClass(unref(bem).e("right-select")),
+                        class: unref(bem).e("right-select"),
                         "popup-class-name": "select-group-right-select",
-                        options: selectItem.value?.options,
-                        placeholder: selectItem.value?.placeholder,
-                        "field-names": selectItem.value?.fieldNames,
                         onChange: handleChange
-                      }, {
+                      }), {
                         default: withCtx(() => [
                           (openBlock(true), createElementBlock(
                             Fragment,
@@ -230,7 +227,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 1
                         /* STABLE */
-                      }, 8, ["value", "class", "options", "placeholder", "field-names"])
+                      }, 16, ["value", "class"])
                     ],
                     64
                     /* STABLE_FRAGMENT */

package/es/packages/components/select-group/src/select-group.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-group.vue2.mjs","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, hasValue } 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 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":[],"mappings":"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"}
+{"version":3,"file":"select-group.vue2.mjs","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-bind=\"selectItem\"\n            v-model:value=\"value\"\n            :class=\"bem.e('right-select')\"\n            popup-class-name=\"select-group-right-select\"\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 { has } from 'lodash-es'\nimport { computed, ref, watch } from 'vue'\n\nimport { createNamespace, hasValue } from '@ll-plus/utils'\nimport {\n  LEFT_SELECT_MIN_WIDTH,\n  selectGroupEmits,\n  selectGroupProps,\n} 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":[],"mappings":"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"}

package/index.full.js

@@ -5758,7 +5758,6 @@
       });
       const bem = createNamespace("new-drawer");
       const handleClose = () => {
-        console.log("handleClose");
         emits("close");
         emits("update:open");
       };
@@ -70738,6 +70737,7 @@
       const innerValue = require$$0.ref("");
       const inputRef = require$$0.ref();
       const isMouseOver = require$$0.ref(false);
+      const formItemContext = antDesignVue.Form.useInjectFormItemContext();
       const hasValue = require$$0.computed(() => innerValue.value || props.defaultValue);
       const handleMouseOver = () => {
         isMouseOver.value = true;
@@ -70745,14 +70745,15 @@
       const handleMouseOut = () => {
         isMouseOver.value = false;
       };
-      const onChange = async (e) => {
+      const onChange = (e) => {
         const { value } = e.target;
-        innerValue.value = value;
-        await require$$0.nextTick();
+        emit("update:value", value);
+        emit("change", e);
         if (!value && e.type === "click") {
           emit("clear", value);
         }
-        emit("change", e);
+        innerValue.value = value;
+        formItemContext.onFieldChange();
       };
       require$$0.watch(
         () => [props.value, props.defaultValue],
@@ -70763,15 +70764,6 @@
           immediate: true
         }
       );
-      require$$0.watch(
-        innerValue,
-        (newValue) => {
-          emit("update:value", newValue);
-        },
-        {
-          immediate: true
-        }
-      );
       const componentType = props.showPassword ? antDesignVue.Input.Password : antDesignVue.Input;
       const computedAttrs = require$$0.computed(() => {
         const attrs = { ...lodashExports.omit(require$$0.useAttrs(), ["class", "style"]), props };
@@ -70802,7 +70794,6 @@
               ref: inputRef
             }, computedAttrs.value, {
               value: innerValue.value,
-              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
               autocomplete: "off",
               "allow-clear": props.allowClear,
               disabled: props.disabled,
@@ -76250,16 +76241,13 @@
                       { key: 1 },
                       [
                         require$$0.createCommentVNode(" select\u4E0B\u62C9\u6846 "),
-                        require$$0.createVNode(_component_a_select, {
+                        require$$0.createVNode(_component_a_select, require$$0.mergeProps(selectItem.value, {
                           value: value.value,
                           "onUpdate:value": _cache[2] || (_cache[2] = ($event) => value.value = $event),
-                          class: require$$0.normalizeClass(require$$0.unref(bem).e("right-select")),
+                          class: require$$0.unref(bem).e("right-select"),
                           "popup-class-name": "select-group-right-select",
-                          options: selectItem.value?.options,
-                          placeholder: selectItem.value?.placeholder,
-                          "field-names": selectItem.value?.fieldNames,
                           onChange: handleChange
-                        }, {
+                        }), {
                           default: require$$0.withCtx(() => [
                             (require$$0.openBlock(true), require$$0.createElementBlock(
                               require$$0.Fragment,
@@ -76286,7 +76274,7 @@
                           ]),
                           _: 1
                           /* STABLE */
-                        }, 8, ["value", "class", "options", "placeholder", "field-names"])
+                        }, 16, ["value", "class"])
                       ],
                       64
                       /* STABLE_FRAGMENT */