el-plus 0.0.111 → 0.0.113

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

@@ -1,5 +1,9 @@
 export declare const EpSelect: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        desc: {
+            type: StringConstructor;
+            default: string;
+        };
         disabledOption: {
             type: import("vue").PropType<(item: import("./src/select").SelectOption) => boolean>;
             default: () => boolean;
@@ -147,9 +151,6 @@ export declare const EpSelect: {
             __epPropKey: true;
         };
         props: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps.js").Props) | (() => import("element-plus/es/components/select-v2/src/useProps.js").Props) | ((new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps.js").Props) | (() => import("element-plus/es/components/select-v2/src/useProps.js").Props))[], unknown, unknown, () => Required<import("element-plus/es/components/select-v2/src/useProps.js").Props>, boolean>;
-        desc: {
-            type: import("vue").PropType<string>;
-        };
     }>> & Readonly<{
         onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
@@ -162,7 +163,6 @@ export declare const EpSelect: {
         }) => any) | undefined;
         "onRemove-tag"?: ((val: unknown) => any) | undefined;
         "onVisible-change"?: ((visible: boolean) => any) | undefined;
-        "onUpdate:desc"?: ((value: string | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         clear: () => void;
         blur: (evt: FocusEvent) => void;
@@ -175,8 +175,8 @@ export declare const EpSelect: {
         }) => void;
         "remove-tag": (val: unknown) => void;
         "visible-change": (visible: boolean) => void;
-        "update:desc": (value: string | undefined) => void;
     }, import("vue").PublicProps, {
+        desc: string;
         loading: boolean;
         offset: number;
         placement: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], import("element-plus").Placement, unknown>;
@@ -223,6 +223,10 @@ export declare const EpSelect: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        desc: {
+            type: StringConstructor;
+            default: string;
+        };
         disabledOption: {
             type: import("vue").PropType<(item: import("./src/select").SelectOption) => boolean>;
             default: () => boolean;
@@ -370,9 +374,6 @@ export declare const EpSelect: {
             __epPropKey: true;
         };
         props: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps.js").Props) | (() => import("element-plus/es/components/select-v2/src/useProps.js").Props) | ((new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps.js").Props) | (() => import("element-plus/es/components/select-v2/src/useProps.js").Props))[], unknown, unknown, () => Required<import("element-plus/es/components/select-v2/src/useProps.js").Props>, boolean>;
-        desc: {
-            type: import("vue").PropType<string>;
-        };
     }>> & Readonly<{
         onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
@@ -385,8 +386,8 @@ export declare const EpSelect: {
         }) => any) | undefined;
         "onRemove-tag"?: ((val: unknown) => any) | undefined;
         "onVisible-change"?: ((visible: boolean) => any) | undefined;
-        "onUpdate:desc"?: ((value: string | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        desc: string;
         loading: boolean;
         offset: number;
         placement: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], import("element-plus").Placement, unknown>;
@@ -430,6 +431,10 @@ export declare const EpSelect: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    desc: {
+        type: StringConstructor;
+        default: string;
+    };
     disabledOption: {
         type: import("vue").PropType<(item: import("./src/select").SelectOption) => boolean>;
         default: () => boolean;
@@ -577,9 +582,6 @@ export declare const EpSelect: {
         __epPropKey: true;
     };
     props: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps.js").Props) | (() => import("element-plus/es/components/select-v2/src/useProps.js").Props) | ((new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps.js").Props) | (() => import("element-plus/es/components/select-v2/src/useProps.js").Props))[], unknown, unknown, () => Required<import("element-plus/es/components/select-v2/src/useProps.js").Props>, boolean>;
-    desc: {
-        type: import("vue").PropType<string>;
-    };
 }>> & Readonly<{
     onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
@@ -592,7 +594,6 @@ export declare const EpSelect: {
     }) => any) | undefined;
     "onRemove-tag"?: ((val: unknown) => any) | undefined;
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
-    "onUpdate:desc"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
     blur: (evt: FocusEvent) => void;
@@ -605,8 +606,8 @@ export declare const EpSelect: {
     }) => void;
     "remove-tag": (val: unknown) => void;
     "visible-change": (visible: boolean) => void;
-    "update:desc": (value: string | undefined) => void;
 }, string, {
+    desc: string;
     loading: boolean;
     offset: number;
     placement: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], import("element-plus").Placement, unknown>;

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

@@ -115,6 +115,10 @@ export declare const inheritSelectProps: {
     readonly props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps").Props) | (() => import("element-plus/es/components/select-v2/src/useProps").Props) | ((new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps").Props) | (() => import("element-plus/es/components/select-v2/src/useProps").Props))[], unknown, unknown, () => Required<import("element-plus/es/components/select-v2/src/useProps").Props>, boolean>;
 };
 export declare const selectProps: {
+    readonly desc: {
+        type: StringConstructor;
+        default: string;
+    };
     readonly disabledOption: {
         type: PropType<(item: SelectOption) => boolean>;
         default: () => boolean;

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

@@ -12,6 +12,11 @@ const inheritSelectProps = {
 };
 const expandSelectProps = {
   ...props.apiProps,
+  // 回显文本:异步 value 到达时,用 desc 构造占位项(只读)
+  desc: {
+    type: String,
+    default: ""
+  },
   disabledOption: {
     type: Function,
     default: () => false

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType, ExtractPublicPropTypes } from 'vue'\nimport {\n  selectProps as elSelectProps,\n  selectEmits as elSelectEmits,\n  type SelectProps as ElSelectProps,\n} from 'element-plus'\nimport { apiProps } from '@el-plus/utils/props'\n\nexport type SelectOption = NonNullable<ElSelectProps['options']>[number]\nexport const inheritSelectProps = {\n  ...elSelectProps,\n  clearable: {\n    ...elSelectProps.clearable,\n    default: true,\n  },\n} as const\nconst expandSelectProps = {\n  ...apiProps,\n  disabledOption: {\n    type: Function as PropType<(item: SelectOption) => boolean>,\n    default: () => false,\n  },\n  labelKey: {\n    type: String,\n    default: 'label',\n  },\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n  formatLabel: {\n    type: Function as PropType<(item: SelectOption) => string>,\n  },\n  // api模式生效\n  lazy: Boolean,\n  // option是否同时展示code label, 默认值展示label, 传string展示指定字段\n  codeInLabel: {\n    type: [String, Boolean] as PropType<boolean | string>,\n  },\n}\nexport const selectProps = {\n  ...inheritSelectProps,\n  ...expandSelectProps,\n} as const\nexport const expandSelectPropsKeys = Object.keys(expandSelectProps)\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>\nexport type SelectPropsPublic = ExtractPublicPropTypes<typeof selectProps>\n\n/* eslint-disable @typescript-eslint/no-unused-vars */\nexport const selectEmits = {\n  ...elSelectEmits,\n  change: (\n    value: SelectProps['modelValue'],\n    item?: SelectOption | SelectOption[],\n  ) => true,\n}\n/* eslint-enable @typescript-eslint/no-unused-vars */\nexport type SelectEmits = typeof selectEmits\nexport const selectEmitsKeys = Object.keys(selectEmits)\n"],"names":["elSelectProps","apiProps","elSelectEmits"],"mappings":";;;;;AASO,MAAM,kBAAA,GAAqB;AAAA,EAChC,GAAGA,uBAAA;AAAA,EACH,SAAA,EAAW;AAAA,IACT,GAAGA,uBAAA,CAAc,SAAA;AAAA,IACjB,OAAA,EAAS;AAAA;AAEb;AACA,MAAM,iBAAA,GAAoB;AAAA,EACxB,GAAGC,cAAA;AAAA,EACH,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,QAAA;AAAA,IACN,SAAS,MAAM;AAAA,GACjB;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM;AAAA,GACR;AAAA;AAAA,EAEA,IAAA,EAAM,OAAA;AAAA;AAAA,EAEN,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAO;AAAA;AAE1B,CAAA;AACO,MAAM,WAAA,GAAc;AAAA,EACzB,GAAG,kBAAA;AAAA,EACH,GAAG;AACL;AACO,MAAM,qBAAA,GAAwB,MAAA,CAAO,IAAA,CAAK,iBAAiB;AAM3D,MAAM,WAAA,GAAc;AAAA,EACzB,GAAGC,uBAAA;AAAA,EACH,MAAA,EAAQ,CACN,KAAA,EACA,IAAA,KACG;AACP;AAGO,MAAM,eAAA,GAAkB,MAAA,CAAO,IAAA,CAAK,WAAW;;;;;;;;"}
+{"version":3,"file":"select.js","sources":["../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType, ExtractPublicPropTypes } from 'vue'\nimport {\n  selectProps as elSelectProps,\n  selectEmits as elSelectEmits,\n  type SelectProps as ElSelectProps,\n} from 'element-plus'\nimport { apiProps } from '@el-plus/utils/props'\n\nexport type SelectOption = NonNullable<ElSelectProps['options']>[number]\nexport const inheritSelectProps = {\n  ...elSelectProps,\n  clearable: {\n    ...elSelectProps.clearable,\n    default: true,\n  },\n} as const\nconst expandSelectProps = {\n  ...apiProps,\n  // 回显文本:异步 value 到达时,用 desc 构造占位项(只读)\n  desc: {\n    type: String,\n    default: '',\n  },\n  disabledOption: {\n    type: Function as PropType<(item: SelectOption) => boolean>,\n    default: () => false,\n  },\n  labelKey: {\n    type: String,\n    default: 'label',\n  },\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n  formatLabel: {\n    type: Function as PropType<(item: SelectOption) => string>,\n  },\n  // api模式生效\n  lazy: Boolean,\n  // option是否同时展示code label, 默认值展示label, 传string展示指定字段\n  codeInLabel: {\n    type: [String, Boolean] as PropType<boolean | string>,\n  },\n}\nexport const selectProps = {\n  ...inheritSelectProps,\n  ...expandSelectProps,\n} as const\nexport const expandSelectPropsKeys = Object.keys(expandSelectProps)\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>\nexport type SelectPropsPublic = ExtractPublicPropTypes<typeof selectProps>\n\n/* eslint-disable @typescript-eslint/no-unused-vars */\nexport const selectEmits = {\n  ...elSelectEmits,\n  change: (\n    value: SelectProps['modelValue'],\n    item?: SelectOption | SelectOption[],\n  ) => true,\n}\n/* eslint-enable @typescript-eslint/no-unused-vars */\nexport type SelectEmits = typeof selectEmits\nexport const selectEmitsKeys = Object.keys(selectEmits)\n"],"names":["elSelectProps","apiProps","elSelectEmits"],"mappings":";;;;;AASO,MAAM,kBAAA,GAAqB;AAAA,EAChC,GAAGA,uBAAA;AAAA,EACH,SAAA,EAAW;AAAA,IACT,GAAGA,uBAAA,CAAc,SAAA;AAAA,IACjB,OAAA,EAAS;AAAA;AAEb;AACA,MAAM,iBAAA,GAAoB;AAAA,EACxB,GAAGC,cAAA;AAAA;AAAA,EAEH,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,QAAA;AAAA,IACN,SAAS,MAAM;AAAA,GACjB;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM;AAAA,GACR;AAAA;AAAA,EAEA,IAAA,EAAM,OAAA;AAAA;AAAA,EAEN,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAO;AAAA;AAE1B,CAAA;AACO,MAAM,WAAA,GAAc;AAAA,EACzB,GAAG,kBAAA;AAAA,EACH,GAAG;AACL;AACO,MAAM,qBAAA,GAAwB,MAAA,CAAO,IAAA,CAAK,iBAAiB;AAM3D,MAAM,WAAA,GAAc;AAAA,EACzB,GAAGC,uBAAA;AAAA,EACH,MAAA,EAAQ,CACN,KAAA,EACA,IAAA,KACG;AACP;AAGO,MAAM,eAAA,GAAkB,MAAA,CAAO,IAAA,CAAK,WAAW;;;;;;;;"}

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

@@ -7,6 +7,10 @@ type __VLS_Slots = {} & {
     option?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    desc: {
+        type: StringConstructor;
+        default: string;
+    };
     disabledOption: {
         type: import("vue").PropType<(item: import("./select").SelectOption) => boolean>;
         default: () => boolean;
@@ -154,9 +158,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         __epPropKey: true;
     };
     props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps").Props) | (() => import("element-plus/es/components/select-v2/src/useProps").Props) | ((new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps").Props) | (() => import("element-plus/es/components/select-v2/src/useProps").Props))[], unknown, unknown, () => Required<import("element-plus/es/components/select-v2/src/useProps").Props>, boolean>;
-    desc: {
-        type: import("vue").PropType<string>;
-    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
     blur: (evt: FocusEvent) => void;
@@ -169,8 +170,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     }) => void;
     "remove-tag": (val: unknown) => void;
     "visible-change": (visible: boolean) => void;
-    "update:desc": (value: string | undefined) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    desc: {
+        type: StringConstructor;
+        default: string;
+    };
     disabledOption: {
         type: import("vue").PropType<(item: import("./select").SelectOption) => boolean>;
         default: () => boolean;
@@ -318,9 +322,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         __epPropKey: true;
     };
     props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps").Props) | (() => import("element-plus/es/components/select-v2/src/useProps").Props) | ((new (...args: any[]) => import("element-plus/es/components/select-v2/src/useProps").Props) | (() => import("element-plus/es/components/select-v2/src/useProps").Props))[], unknown, unknown, () => Required<import("element-plus/es/components/select-v2/src/useProps").Props>, boolean>;
-    desc: {
-        type: import("vue").PropType<string>;
-    };
 }>> & Readonly<{
     onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
@@ -333,8 +334,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     }) => any) | undefined;
     "onRemove-tag"?: ((val: unknown) => any) | undefined;
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
-    "onUpdate:desc"?: ((value: string | undefined) => any) | undefined;
 }>, {
+    desc: string;
     loading: boolean;
     offset: number;
     placement: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], import("element-plus").Placement, unknown>;

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

@@ -16,11 +16,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "select",
   props: /* @__PURE__ */ vue.mergeModels(select.selectProps, {
     "modelValue": {},
-    "modelModifiers": {},
-    "desc": {},
-    "descModifiers": {}
+    "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(select.selectEmits, ["update:modelValue", "update:desc"]),
+  emits: /* @__PURE__ */ vue.mergeModels(select.selectEmits, ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const bem$1 = bem.createNameSpace("select");
     const props$1 = __props;
@@ -30,7 +28,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     const { customOptions, loadOptions, expandAttrs } = useSelect.useSelect(props$1, emit);
     const value = vue.useModel(__props, "modelValue");
-    const desc = vue.useModel(__props, "desc");
     const customAttrs = vue.computed(() => {
       return {
         ...props.prepareProps(props$1, ["modelValue", "desc", ...select.expandSelectPropsKeys]),
@@ -38,11 +35,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ...expandAttrs.value
       };
     });
-    loadOptions(value.value, desc.value);
+    loadOptions();
     vue.watch(
       () => props$1.options,
       () => {
-        loadOptions(value.value, desc.value);
+        loadOptions();
       },
       {
         deep: true

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

@@ -1 +1 @@
-{"version":3,"file":"select.vue2.js","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <el-select\n    v-model=\"value\"\n    :class=\"`${bem.b()} ${prepareClassNames()}`\"\n    v-bind=\"customAttrs\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <el-option\n      v-for=\"item in customOptions\"\n      :key=\"item[valueKey]\"\n      :class=\"bem.e('option')\"\n      :label=\"\n        item.formatLabel\n          ? item.formatLabel(item)\n          : formatLabel\n            ? formatLabel(item)\n            : item[labelKey]\n      \"\n      :value=\"item[valueKey]\"\n      :disabled=\"disabledOption(item)\"\n    >\n      <slot name=\"option\" :item=\"item\">\n        <template v-if=\"codeInLabel || codeInLabel === ''\">\n          <span style=\"float: left\">{{ item[labelKey] }}</span>\n          <span\n            style=\"\n              float: right;\n              color: var(--el-text-color-secondary);\n              font-size: 13px;\n            \"\n          >\n            {{\n              item[\n                typeof codeInLabel === 'string' && codeInLabel\n                  ? codeInLabel\n                  : valueKey\n              ]\n            }}\n          </span>\n        </template>\n      </slot>\n    </el-option>\n    <template v-for=\"name in slots\" #[name]=\"scope\">\n      <slot :name=\"name\" v-bind=\"scope\" />\n    </template>\n  </el-select>\n</template>\n<script setup lang=\"ts\">\nimport { computed, useSlots, watch } from 'vue'\nimport {\n  selectProps,\n  selectEmits,\n  expandSelectPropsKeys,\n  selectEmitsKeys,\n} from './select'\nimport type { SelectProps, SelectEmits } from './select'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { useSelect } from './use-select'\nimport { createNameSpace } from '@el-plus/utils/bem'\ndefineOptions({\n  name: 'EpSelect',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('select')\nconst props = defineProps(selectProps)\nconst emit = defineEmits(selectEmits)\nconst slots = computed(() => {\n  return Object.keys(useSlots())\n})\n\nconst { customOptions, loadOptions, expandAttrs } = useSelect(props, emit)\nconst value = defineModel<SelectProps['modelValue']>()\nconst desc = defineModel<string>('desc')\nconst customAttrs = computed(() => {\n  return {\n    ...prepareProps(props, ['modelValue', 'desc', ...expandSelectPropsKeys]),\n    ...prepareEvents<SelectEmits>(emit, selectEmitsKeys),\n    ...expandAttrs.value,\n  }\n})\nloadOptions(value.value, desc.value)\nwatch(\n  () => props.options,\n  () => {\n    loadOptions(value.value, desc.value)\n  },\n  {\n    deep: true,\n  },\n)\n</script>\n"],"names":["bem","createNameSpace","props","computed","useSlots","useSelect","_useModel","prepareProps","expandSelectPropsKeys","prepareEvents","selectEmitsKeys","watch","_openBlock","_createBlock","_mergeProps","_unref","prepareClassNames","prepareStyles","_createElementBlock","_Fragment","_renderList","valueKey","_normalizeClass","formatLabel","labelKey","disabledOption","_renderSlot","codeInLabel","_createElementVNode","_toDisplayString","_withCtx","_normalizeProps","_guardReactiveProps"],"mappings":"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"}
+{"version":3,"file":"select.vue2.js","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <el-select\n    v-model=\"value\"\n    :class=\"`${bem.b()} ${prepareClassNames()}`\"\n    v-bind=\"customAttrs\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <el-option\n      v-for=\"item in customOptions\"\n      :key=\"item[valueKey]\"\n      :class=\"bem.e('option')\"\n      :label=\"\n        item.formatLabel\n          ? item.formatLabel(item)\n          : formatLabel\n            ? formatLabel(item)\n            : item[labelKey]\n      \"\n      :value=\"item[valueKey]\"\n      :disabled=\"disabledOption(item)\"\n    >\n      <slot name=\"option\" :item=\"item\">\n        <template v-if=\"codeInLabel || codeInLabel === ''\">\n          <span style=\"float: left\">{{ item[labelKey] }}</span>\n          <span\n            style=\"\n              float: right;\n              color: var(--el-text-color-secondary);\n              font-size: 13px;\n            \"\n          >\n            {{\n              item[\n                typeof codeInLabel === 'string' && codeInLabel\n                  ? codeInLabel\n                  : valueKey\n              ]\n            }}\n          </span>\n        </template>\n      </slot>\n    </el-option>\n    <template v-for=\"name in slots\" #[name]=\"scope\">\n      <slot :name=\"name\" v-bind=\"scope\" />\n    </template>\n  </el-select>\n</template>\n<script setup lang=\"ts\">\nimport { computed, useSlots, watch } from 'vue'\nimport {\n  selectProps,\n  selectEmits,\n  expandSelectPropsKeys,\n  selectEmitsKeys,\n} from './select'\nimport type { SelectProps, SelectEmits } from './select'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { useSelect } from './use-select'\nimport { createNameSpace } from '@el-plus/utils/bem'\ndefineOptions({\n  name: 'EpSelect',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('select')\nconst props = defineProps(selectProps)\nconst emit = defineEmits(selectEmits)\nconst slots = computed(() => {\n  return Object.keys(useSlots())\n})\n\nconst { customOptions, loadOptions, expandAttrs } = useSelect(props, emit)\nconst value = defineModel<SelectProps['modelValue']>()\nconst customAttrs = computed(() => {\n  return {\n    ...prepareProps(props, ['modelValue', 'desc', ...expandSelectPropsKeys]),\n    ...prepareEvents<SelectEmits>(emit, selectEmitsKeys),\n    ...expandAttrs.value,\n  }\n})\n// 回显由 echoOption computed 自动处理,这里只负责加载选项\nloadOptions()\nwatch(\n  () => props.options,\n  () => {\n    loadOptions()\n  },\n  {\n    deep: true,\n  },\n)\n</script>\n"],"names":["bem","createNameSpace","props","computed","useSlots","useSelect","_useModel","prepareProps","expandSelectPropsKeys","prepareEvents","selectEmitsKeys","watch","_openBlock","_createBlock","_mergeProps","_unref","prepareClassNames","prepareStyles","_createElementBlock","_Fragment","_renderList","valueKey","_normalizeClass","formatLabel","labelKey","disabledOption","_renderSlot","codeInLabel","_createElementVNode","_toDisplayString","_withCtx","_normalizeProps","_guardReactiveProps"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import type { SetupContext } from 'vue';
 import type { SelectProps, SelectEmits } from './select';
 export declare function useSelect(props: SelectProps, emit: SetupContext<SelectEmits>['emit']): {
-    customOptions: import("vue").Ref<Record<string, any>[], Record<string, any>[]>;
-    loadOptions: (value: SelectProps["modelValue"], desc: string | undefined) => void;
+    customOptions: import("vue").ComputedRef<Record<string, any>[]>;
+    loadOptions: () => void;
     expandAttrs: import("vue").ComputedRef<{
         loading: boolean | undefined;
         remoteMethod: (query: string) => void;

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

@@ -5,6 +5,7 @@ var useRequest = require('../../../hooks/use-request.js');
 
 function useSelect(props, emit) {
   let hasLoaded = false;
+  const loadedOptions = vue.ref([]);
   const { loading, requestFn } = useRequest.useRequest({
     api: props.api,
     method: props.method,
@@ -16,12 +17,12 @@ function useSelect(props, emit) {
     hooks: {
       success(data) {
         if (Array.isArray(data)) {
-          customOptions.value = data;
+          loadedOptions.value = data;
         } else if (data && typeof data === "object") {
           const rawData = data;
-          customOptions.value = rawData?.list || rawData?.data || [];
+          loadedOptions.value = rawData?.list || rawData?.data || [];
         } else {
-          customOptions.value = [];
+          loadedOptions.value = [];
         }
         hasLoaded = true;
       },
@@ -30,22 +31,30 @@ function useSelect(props, emit) {
       }
     }
   });
-  const customOptions = vue.ref([]);
-  const loadOptions = (value, desc) => {
-    if ((value || value === 0) && desc) {
-      customOptions.value = [
-        {
-          [props.labelKey]: desc,
-          [props.valueKey]: value
-        }
-      ];
+  const echoOption = vue.computed(() => {
+    const v = props.modelValue;
+    const d = props.desc;
+    if ((v || v === 0) && d) {
+      const exists = loadedOptions.value.some(
+        (item) => item[props.valueKey] === v
+      );
+      if (!exists) {
+        return [{ [props.labelKey]: d, [props.valueKey]: v }];
+      }
     }
+    return [];
+  });
+  const customOptions = vue.computed(() => [
+    ...echoOption.value,
+    ...loadedOptions.value
+  ]);
+  const loadOptions = () => {
     if (props.api) {
       if (!props.lazy && !props.remote) {
         requestFn();
       }
     } else if (props.options?.length) {
-      customOptions.value = props.options;
+      loadedOptions.value = props.options;
     }
   };
   const getSelectItem = (value) => {

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

@@ -1 +1 @@
-{"version":3,"file":"use-select.js","sources":["../../../../../../packages/components/select/src/use-select.ts"],"sourcesContent":["import { ref ,computed} from 'vue'\nimport type { SetupContext } from 'vue'\nimport { useRequest } from '@el-plus/hooks/use-request'\nimport type { SelectProps, SelectOption, SelectEmits } from './select'\nexport function useSelect(\n  props: SelectProps,\n  emit: SetupContext<SelectEmits>['emit'],\n) {\n  let hasLoaded = false\n  const { loading, requestFn } = useRequest({\n    api: props.api,\n    method: props.method,\n    reqData: props.reqData,\n    reqParams: props.reqParams,\n    reqBefore: props.reqBefore,\n    reqAfter: props.reqAfter,\n    cancelToken: props.remote,\n    hooks: {\n      success(data) {\n        type OptionArr = SelectOption[]\n        interface OptionObj {\n          list?: OptionArr\n          data?: OptionArr\n        }\n        if (Array.isArray(data)) {\n          customOptions.value = data as OptionArr\n        } else if (data && typeof data === 'object') {\n          const rawData = data as OptionObj\n          customOptions.value = rawData?.list || rawData?.data || []\n        } else {\n          customOptions.value = []\n        }\n        hasLoaded = true\n      },\n      fail(error) {\n        console.error(error)\n      },\n    },\n  })\n  // 下拉列表\n  const customOptions = ref<SelectOption[]>([]) // 下拉列表\n  // 加载下拉列表\n  const loadOptions = (\n    value: SelectProps['modelValue'],\n    desc: string | undefined,\n  ) => {\n    if ((value || value === 0) && desc) {\n      customOptions.value = [\n        {\n          [props.labelKey]: desc,\n          [props.valueKey]: value,\n        },\n      ]\n    }\n    if (props.api) {\n      if (!props.lazy && !props.remote) {\n        requestFn!()\n      }\n    } else if (props.options?.length) {\n      customOptions.value = props.options\n    }\n  }\n  // 获取选中项\n  const getSelectItem = (value: SelectProps['modelValue']) => {\n    if (Array.isArray(value)) {\n      if (!customOptions.value) return []\n      return customOptions.value.filter((item: SelectOption) => {\n        return value.indexOf(item[props.valueKey]) > -1\n      })\n    }\n    if (!customOptions.value) return {}\n    return (\n      customOptions.value.find((item: SelectOption) => {\n        return item[props.valueKey] === value\n      }) || {}\n    )\n  }\n  const expandAttrs = computed(() => {\n    return {\n      loading: props.loading || loading?.value,\n      remoteMethod: (query: string) => {\n        if (!query) return\n        requestFn!({\n          $searchValue: query,\n        })\n      },\n      onChange(value: SelectProps['modelValue']) {\n        emit('change', value, getSelectItem(value))\n      },\n      onVisibleChange(visible: boolean) {\n        if (props.api && props.lazy && visible && !hasLoaded && !props.remote) {\n          requestFn!()\n        }\n        emit('visible-change', visible)\n      },\n    }\n  })\n  return {\n    customOptions,\n    loadOptions,\n    expandAttrs,\n  }\n}\n"],"names":["useRequest","ref","computed"],"mappings":"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"}
+{"version":3,"file":"use-select.js","sources":["../../../../../../packages/components/select/src/use-select.ts"],"sourcesContent":["import { ref ,computed} from 'vue'\nimport type { SetupContext } from 'vue'\nimport { useRequest } from '@el-plus/hooks/use-request'\nimport type { SelectProps, SelectOption, SelectEmits } from './select'\nexport function useSelect(\n  props: SelectProps,\n  emit: SetupContext<SelectEmits>['emit'],\n) {\n  let hasLoaded = false\n  // 已加载的选项(api 请求结果 / props.options / 搜索结果)\n  const loadedOptions = ref<SelectOption[]>([])\n  const { loading, requestFn } = useRequest({\n    api: props.api,\n    method: props.method,\n    reqData: props.reqData,\n    reqParams: props.reqParams,\n    reqBefore: props.reqBefore,\n    reqAfter: props.reqAfter,\n    cancelToken: props.remote,\n    hooks: {\n      success(data) {\n        type OptionArr = SelectOption[]\n        interface OptionObj {\n          list?: OptionArr\n          data?: OptionArr\n        }\n        if (Array.isArray(data)) {\n          loadedOptions.value = data as OptionArr\n        } else if (data && typeof data === 'object') {\n          const rawData = data as OptionObj\n          loadedOptions.value = rawData?.list || rawData?.data || []\n        } else {\n          loadedOptions.value = []\n        }\n        hasLoaded = true\n      },\n      fail(error) {\n        console.error(error)\n      },\n    },\n  })\n  // 回显占位项:value/desc 存在且不在已加载列表中时,补充一项\n  // 由 computed 自动响应 value/desc/loadedOptions 的变化,无需 watch\n  const echoOption = computed<SelectOption[]>(() => {\n    const v = props.modelValue\n    const d = props.desc\n    if ((v || v === 0) && d) {\n      const exists = loadedOptions.value.some(\n        (item: SelectOption) => item[props.valueKey] === v,\n      )\n      if (!exists) {\n        return [{ [props.labelKey]: d, [props.valueKey]: v }]\n      }\n    }\n    return []\n  })\n  // 最终下拉项 = 回显占位 + 已加载\n  const customOptions = computed<SelectOption[]>(() => [\n    ...echoOption.value,\n    ...loadedOptions.value,\n  ])\n  // 加载下拉列表(只负责加载,不处理回显)\n  const loadOptions = () => {\n    if (props.api) {\n      if (!props.lazy && !props.remote) {\n        requestFn!()\n      }\n    } else if (props.options?.length) {\n      loadedOptions.value = props.options\n    }\n  }\n  // 获取选中项\n  const getSelectItem = (value: SelectProps['modelValue']) => {\n    if (Array.isArray(value)) {\n      if (!customOptions.value) return []\n      return customOptions.value.filter((item: SelectOption) => {\n        return value.indexOf(item[props.valueKey]) > -1\n      })\n    }\n    if (!customOptions.value) return {}\n    return (\n      customOptions.value.find((item: SelectOption) => {\n        return item[props.valueKey] === value\n      }) || {}\n    )\n  }\n  const expandAttrs = computed(() => {\n    return {\n      loading: props.loading || loading?.value,\n      remoteMethod: (query: string) => {\n        if (!query) return\n        requestFn!({\n          $searchValue: query,\n        })\n      },\n      onChange(value: SelectProps['modelValue']) {\n        emit('change', value, getSelectItem(value))\n      },\n      onVisibleChange(visible: boolean) {\n        if (props.api && props.lazy && visible && !hasLoaded && !props.remote) {\n          requestFn!()\n        }\n        emit('visible-change', visible)\n      },\n    }\n  })\n  return {\n    customOptions,\n    loadOptions,\n    expandAttrs,\n  }\n}\n"],"names":["ref","useRequest","computed"],"mappings":"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"}

package/lib/package.json.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var version = "0.0.111";
+var version = "0.0.113";
 
 exports.version = version;
 //# sourceMappingURL=package.json.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "el-plus",
-  "version": "0.0.111",
+  "version": "0.0.113",
   "description": "pro base on element-plus",
   "module": "./es/index.mjs",
   "keywords": [