ll-plus 2.3.15 → 2.3.17

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

@@ -1,5 +1,5 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, withCtx, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, renderSlot, normalizeProps, mergeProps } from 'vue';
-import { selectGroupProps, selectGroupEmits } from './select-group.mjs';
+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 { selectGroupProps, selectGroupEmits, LEFT_SELECT_MIN_WIDTH } from './select-group.mjs';
 import '../../../utils/index.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
 
@@ -15,8 +15,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const typeSelectValue = ref("1");
     const value = ref("");
     const selectItem = ref();
+    const newList = ref([]);
     const bem = createNamespace("select-group");
     const bemContainer = createNamespace("select-group-container");
+    const leftSelectWidth = computed(() => {
+      const names = newList.value.map((item) => item.name.length);
+      const maxNameLength = Math.max(...names);
+      if (maxNameLength <= 3) {
+        return LEFT_SELECT_MIN_WIDTH + "px";
+      }
+      const width = LEFT_SELECT_MIN_WIDTH + (maxNameLength - 3) * 14;
+      return width + "px";
+    });
     const handleSelectChange = (_, options) => {
       const item = options.item;
       const formType = item.showFormType;
@@ -25,25 +35,56 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       } else if (formType === "range-picker") {
         value.value = [void 0, void 0];
       } else if (formType === "select") {
-        value.value = void 0;
+        value.value = -1;
       }
       selectItem.value = options.item;
       emits("onSelectChange", _, options);
     };
     const handleChange = () => {
-      emits("change", selectItem.value?.value, value.value);
+      emits(
+        "change",
+        selectItem.value?.value,
+        value.value === -1 ? void 0 : value.value
+      );
     };
     watch(
       () => [props.selectValue, props.data],
       ([selectValue, newData]) => {
         if (newData && newData.length) {
-          let firstItem = newData[0];
-          const findItem = newData.find((item) => item.value === selectValue);
+          const list = newData.map((item) => {
+            const newItem = { ...item };
+            if (newItem.showFormType === "select") {
+              if (newItem.options?.length) {
+                newItem.options = [
+                  {
+                    label: "\u5168\u90E8",
+                    value: -1
+                  },
+                  ...newItem.options
+                ];
+              } else if (newItem.list?.length) {
+                newItem.list = [
+                  {
+                    name: "\u5168\u90E8",
+                    value: -1
+                  },
+                  ...newItem.list
+                ];
+              }
+            }
+            return newItem;
+          });
+          let firstItem = list[0];
+          const findItem = list.find((item) => item.value === selectValue);
           if (findItem) {
             firstItem = findItem;
           }
+          if (firstItem.showFormType === "select") {
+            value.value = -1;
+          }
           selectItem.value = firstItem;
           typeSelectValue.value = selectValue ? selectValue : firstItem.value;
+          newList.value = list;
         }
       },
       {
@@ -87,13 +128,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     value: typeSelectValue.value,
                     "onUpdate:value": _cache[0] || (_cache[0] = ($event) => typeSelectValue.value = $event),
                     class: "select-group-left-select-container",
+                    style: normalizeStyle({ minWidth: leftSelectWidth.value }),
                     onChange: handleSelectChange
                   }, {
                     default: withCtx(() => [
                       (openBlock(true), createElementBlock(
                         Fragment,
                         null,
-                        renderList(_ctx.data, (item) => {
+                        renderList(newList.value, (item) => {
                           return openBlock(), createBlock(_component_a_select_option, {
                             key: item.name,
                             value: item.value,
@@ -116,13 +158,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["value"]),
+                  }, 8, ["value", "style"]),
                   createCommentVNode(" \u53F3\u4FA7\u7EC4\u5408\u8868\u5355 "),
                   createCommentVNode(" input\u8F93\u5165\u6846 "),
                   !selectItem.value?.showFormType || selectItem.value?.showFormType === "input" ? (openBlock(), createBlock(_component_a_input, {
                     key: 0,
                     value: value.value,
                     "onUpdate:value": _cache[1] || (_cache[1] = ($event) => value.value = $event),
+                    class: normalizeClass(unref(bem).e("right-input")),
                     placeholder: selectItem.value?.placeholder,
                     onPressEnter: handleChange
                   }, {
@@ -134,7 +177,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["value", "placeholder"])) : selectItem.value?.showFormType === "select" ? (openBlock(), createElementBlock(
+                  }, 8, ["value", "class", "placeholder"])) : selectItem.value?.showFormType === "select" ? (openBlock(), createElementBlock(
                     Fragment,
                     { key: 1 },
                     [
@@ -142,10 +185,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(_component_a_select, {
                         value: value.value,
                         "onUpdate:value": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+                        class: normalizeClass(unref(bem).e("right-select")),
                         "popup-class-name": "select-group-right-select",
                         options: selectItem.value?.options,
                         placeholder: selectItem.value?.placeholder,
-                        style: { "width": "100%" },
                         "field-names": selectItem.value?.fieldNames,
                         onChange: handleChange
                       }, {
@@ -175,7 +218,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 1
                         /* STABLE */
-                      }, 8, ["value", "options", "placeholder", "field-names"])
+                      }, 8, ["value", "class", "options", "placeholder", "field-names"])
                     ],
                     64
                     /* STABLE_FRAGMENT */
@@ -187,8 +230,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(_component_a_range_picker, {
                         value: value.value,
                         "onUpdate:value": _cache[3] || (_cache[3] = ($event) => value.value = $event),
+                        class: normalizeClass(unref(bem).e("right-range-picker")),
                         onChange: handleChange
-                      }, null, 8, ["value"])
+                      }, null, 8, ["value", "class"])
                     ],
                     64
                     /* STABLE_FRAGMENT */
@@ -200,12 +244,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(_component_a_tree_select, {
                         value: value.value,
                         "onUpdate:value": _cache[4] || (_cache[4] = ($event) => value.value = $event),
-                        style: { "width": "100%" },
+                        class: normalizeClass(unref(bem).e("right-tree-select")),
                         "field-names": selectItem.value.fieldNames,
                         placeholder: selectItem.value?.placeholder,
                         "tree-data": selectItem.value.list,
                         onSelect: handleChange
-                      }, null, 8, ["value", "field-names", "placeholder", "tree-data"])
+                      }, null, 8, ["value", "class", "field-names", "placeholder", "tree-data"])
                     ],
                     64
                     /* STABLE_FRAGMENT */

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

package/es/index.mjs

@@ -40,7 +40,7 @@ export { TypeEnum, useTabEmits, useTabProps, useTabSetup } from './components/ea
 export { LlEasyCron } from './components/easy-cron/index.mjs';
 export { emptyProps, url } from './components/empty/src/empty.mjs';
 export { LlEmpty } from './components/empty/index.mjs';
-export { formProps } from './components/form/src/config/form.mjs';
+export { formEmits, formProps } from './components/form/src/config/form.mjs';
 export { checkedType } from './components/form/src/config/components.mjs';
 export { formComponentProps } from './components/form/src/config/form-component.mjs';
 export { LlForm, LlFormComponent } from './components/form/index.mjs';
@@ -72,7 +72,7 @@ export { LlRadio, LlRadioButton, LlRadioGroup } from './components/radio/index.m
 export { LlSegmented } from './components/segmented/index.mjs';
 export { selectOptGroupProps, selectOptionProps } from './components/select/src/select.mjs';
 export { LlSelect, LlSelectOptGroup, LlSelectOption } from './components/select/index.mjs';
-export { selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps } from './components/select-group/src/select-group.mjs';
+export { LEFT_SELECT_MIN_WIDTH, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps } from './components/select-group/src/select-group.mjs';
 export { LlSelectGroup } from './components/select-group/index.mjs';
 export { LlSpace } from './components/space/index.mjs';
 export { LlSteps } from './components/steps/index.mjs';

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

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