ll-plus 2.2.4 → 2.2.6

package/lib/components/operate-icon/index.d.ts

@@ -40,9 +40,9 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
     showIconList: import("vue").Ref<{
         readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly data?: any;
-        readonly onClick?: Function | undefined;
         readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly onClick?: Function | undefined;
+        readonly data?: any;
         readonly iconName?: string | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly tooltipTitle?: string | undefined;
@@ -51,9 +51,9 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
     modalIconList: import("vue").Ref<{
         readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly data?: any;
-        readonly onClick?: Function | undefined;
         readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly onClick?: Function | undefined;
+        readonly data?: any;
         readonly iconName?: string | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly tooltipTitle?: string | undefined;
@@ -130,9 +130,9 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         props: import("@vue/shared").LooseRequired<{
             readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly data?: any;
-            readonly onClick?: Function | undefined;
             readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+            readonly onClick?: Function | undefined;
+            readonly data?: any;
             readonly iconName?: string | undefined;
             readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
             readonly tooltipTitle?: string | undefined;

package/lib/components/operate-icon/src/operate-icon.vue.d.ts

@@ -40,9 +40,9 @@ declare const _default: import("vue").DefineComponent<{
     showIconList: import("vue").Ref<{
         readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly data?: any;
-        readonly onClick?: Function | undefined;
         readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly onClick?: Function | undefined;
+        readonly data?: any;
         readonly iconName?: string | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly tooltipTitle?: string | undefined;
@@ -51,9 +51,9 @@ declare const _default: import("vue").DefineComponent<{
     modalIconList: import("vue").Ref<{
         readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly data?: any;
-        readonly onClick?: Function | undefined;
         readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly onClick?: Function | undefined;
+        readonly data?: any;
         readonly iconName?: string | undefined;
         readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly tooltipTitle?: string | undefined;
@@ -130,9 +130,9 @@ declare const _default: import("vue").DefineComponent<{
         props: import("@vue/shared").LooseRequired<{
             readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly data?: any;
-            readonly onClick?: Function | undefined;
             readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+            readonly onClick?: Function | undefined;
+            readonly data?: any;
             readonly iconName?: string | undefined;
             readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
             readonly tooltipTitle?: string | undefined;

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

@@ -33,8 +33,8 @@ export declare const LlSelect: import("ll-plus/es/utils").SFCWithInstall<import(
                 default: import("ant-design-vue/es/button").ButtonSize;
             };
             mode: {
-                type: import("vue").PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
-                default: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+                type: import("vue").PropType<"tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
+                default: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             };
             bordered: {
                 type: BooleanConstructor;
@@ -199,8 +199,8 @@ export declare const LlSelect: import("ll-plus/es/utils").SFCWithInstall<import(
                 default: import("ant-design-vue/es/button").ButtonSize;
             };
             mode: {
-                type: import("vue").PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
-                default: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+                type: import("vue").PropType<"tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
+                default: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             };
             bordered: {
                 type: BooleanConstructor;
@@ -351,7 +351,7 @@ export declare const LlSelect: import("ll-plus/es/utils").SFCWithInstall<import(
         }>>, {
             size: import("ant-design-vue/es/button").ButtonSize;
             value: import("ant-design-vue/es/select").SelectValue;
-            mode: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+            mode: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             open: boolean;
             disabled: boolean;
             autofocus: boolean;
@@ -409,8 +409,8 @@ export declare const LlSelect: import("ll-plus/es/utils").SFCWithInstall<import(
                 default: import("ant-design-vue/es/button").ButtonSize;
             };
             mode: {
-                type: import("vue").PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
-                default: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+                type: import("vue").PropType<"tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
+                default: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             };
             bordered: {
                 type: BooleanConstructor;
@@ -561,7 +561,7 @@ export declare const LlSelect: import("ll-plus/es/utils").SFCWithInstall<import(
         }>>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, {
             size: import("ant-design-vue/es/button").ButtonSize;
             value: import("ant-design-vue/es/select").SelectValue;
-            mode: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+            mode: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             open: boolean;
             disabled: boolean;
             autofocus: boolean;
@@ -603,8 +603,8 @@ export declare const LlSelect: import("ll-plus/es/utils").SFCWithInstall<import(
             default: import("ant-design-vue/es/button").ButtonSize;
         };
         mode: {
-            type: import("vue").PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
-            default: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+            type: import("vue").PropType<"tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
+            default: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
         };
         bordered: {
             type: BooleanConstructor;
@@ -755,7 +755,7 @@ export declare const LlSelect: import("ll-plus/es/utils").SFCWithInstall<import(
     }>>, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         size: import("ant-design-vue/es/button").ButtonSize;
         value: import("ant-design-vue/es/select").SelectValue;
-        mode: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+        mode: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
         open: boolean;
         disabled: boolean;
         autofocus: boolean;

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

@@ -30,8 +30,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 default: import("ant-design-vue/es/button").ButtonSize;
             };
             mode: {
-                type: import("vue").PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
-                default: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+                type: import("vue").PropType<"tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
+                default: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             };
             bordered: {
                 type: BooleanConstructor;
@@ -196,8 +196,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 default: import("ant-design-vue/es/button").ButtonSize;
             };
             mode: {
-                type: import("vue").PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
-                default: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+                type: import("vue").PropType<"tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
+                default: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             };
             bordered: {
                 type: BooleanConstructor;
@@ -348,7 +348,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>>, {
             size: import("ant-design-vue/es/button").ButtonSize;
             value: import("ant-design-vue/es/select").SelectValue;
-            mode: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+            mode: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             open: boolean;
             disabled: boolean;
             autofocus: boolean;
@@ -406,8 +406,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 default: import("ant-design-vue/es/button").ButtonSize;
             };
             mode: {
-                type: import("vue").PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
-                default: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+                type: import("vue").PropType<"tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
+                default: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             };
             bordered: {
                 type: BooleanConstructor;
@@ -558,7 +558,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, {
             size: import("ant-design-vue/es/button").ButtonSize;
             value: import("ant-design-vue/es/select").SelectValue;
-            mode: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+            mode: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             open: boolean;
             disabled: boolean;
             autofocus: boolean;
@@ -600,8 +600,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             default: import("ant-design-vue/es/button").ButtonSize;
         };
         mode: {
-            type: import("vue").PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
-            default: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+            type: import("vue").PropType<"tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
+            default: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
         };
         bordered: {
             type: BooleanConstructor;
@@ -752,7 +752,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>>, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         size: import("ant-design-vue/es/button").ButtonSize;
         value: import("ant-design-vue/es/select").SelectValue;
-        mode: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+        mode: "tags" | "multiple" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
         open: boolean;
         disabled: boolean;
         autofocus: boolean;

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

@@ -6,17 +6,23 @@ export declare const LlSelectGroup: import("ll-plus/es/utils").SFCWithInstall<im
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly value: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/select-group").SelectGroupData[]) | (() => import("./src/select-group").SelectGroupData[]) | ((new (...args: any[]) => import("./src/select-group").SelectGroupData[]) | (() => import("./src/select-group").SelectGroupData[]))[], unknown, unknown, () => never[], boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly data: import("./src/select-group").SelectGroupData[];
+        readonly value?: any;
         readonly selectValue?: string | undefined;
         readonly onChange?: ((selectV: string, value: string) => any) | undefined;
     } & {}>;
     emits: (event: "change", selectV: string, value: string) => void;
     typeSelectValue: import("vue").Ref<string>;
-    inputValue: import("vue").Ref<string>;
-    treeSelectValue: import("vue").Ref<any>;
+    value: import("vue").Ref<any>;
     selectItem: import("vue").Ref<import("./src/select-group").SelectGroupData | undefined>;
     bem: {
         b: (blockSuffix?: string) => string;
@@ -39,8 +45,7 @@ export declare const LlSelectGroup: import("ll-plus/es/utils").SFCWithInstall<im
         is: (name?: string) => string;
     };
     handleSelectChange: (_: string, options: any) => void;
-    handleTreeSelect: (value: string) => void;
-    handleChange: (e: any) => void;
+    handleChange: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (selectV: string, value: string) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -50,6 +55,12 @@ export declare const LlSelectGroup: import("ll-plus/es/utils").SFCWithInstall<im
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly value: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/select-group").SelectGroupData[]) | (() => import("./src/select-group").SelectGroupData[]) | ((new (...args: any[]) => import("./src/select-group").SelectGroupData[]) | (() => import("./src/select-group").SelectGroupData[]))[], unknown, unknown, () => never[], boolean>;
 }>> & {
     onChange?: ((selectV: string, value: string) => any) | undefined;

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

@@ -57,6 +57,12 @@ export declare const selectGroupProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly value: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => SelectGroupData[]) | (() => SelectGroupData[]) | ((new (...args: any[]) => SelectGroupData[]) | (() => SelectGroupData[]))[], unknown, unknown, () => never[], boolean>;
 };
 export declare const selectGroupEmits: {

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

@@ -65,6 +65,12 @@ const selectGroupProps = runtime.buildProps({
   selectValue: {
     type: String
   },
+  /**
+   * @description 右边表单的 value
+   */
+  value: {
+    type: runtime.definePropType(Object)
+  },
   /**
    * @description select的options
    */

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

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

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

@@ -6,17 +6,23 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly value: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => SelectGroupData[]) | (() => SelectGroupData[]) | ((new (...args: any[]) => SelectGroupData[]) | (() => SelectGroupData[]))[], unknown, unknown, () => never[], boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly data: SelectGroupData[];
+        readonly value?: any;
         readonly selectValue?: string | undefined;
         readonly onChange?: ((selectV: string, value: string) => any) | undefined;
     } & {}>;
     emits: (event: "change", selectV: string, value: string) => void;
     typeSelectValue: import("vue").Ref<string>;
-    inputValue: import("vue").Ref<string>;
-    treeSelectValue: import("vue").Ref<any>;
+    value: import("vue").Ref<any>;
     selectItem: import("vue").Ref<SelectGroupData | undefined>;
     bem: {
         b: (blockSuffix?: string) => string;
@@ -39,8 +45,7 @@ declare const _default: import("vue").DefineComponent<{
         is: (name?: string) => string;
     };
     handleSelectChange: (_: string, options: any) => void;
-    handleTreeSelect: (value: string) => void;
-    handleChange: (e: any) => void;
+    handleChange: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (selectV: string, value: string) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -50,6 +55,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly value: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => SelectGroupData[]) | (() => SelectGroupData[]) | ((new (...args: any[]) => SelectGroupData[]) | (() => SelectGroupData[]))[], unknown, unknown, () => never[], boolean>;
 }>> & {
     onChange?: ((selectV: string, value: string) => any) | undefined;

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

@@ -17,38 +17,34 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emits = __emit;
     const typeSelectValue = vue.ref("1");
-    const inputValue = vue.ref("");
-    const treeSelectValue = vue.ref();
+    const value = vue.ref("");
     const selectItem = vue.ref();
     const bem = createNamespace.createNamespace("select-group");
     const bemContainer = createNamespace.createNamespace("select-group-container");
     const handleSelectChange = (_, options) => {
+      const item = options.item;
+      const formType = item.showFormType;
+      if (!formType || formType === "input" || formType === "treeSelect") {
+        value.value = "";
+      } else if (formType === "range-picker") {
+        value.value = [void 0, void 0];
+      } else if (formType === "select") {
+        value.value = void 0;
+      }
       selectItem.value = options.item;
-      inputValue.value = "";
-      treeSelectValue.value = void 0;
-    };
-    const handleTreeSelect = (value) => {
-      handleChange(value);
     };
-    const handleChange = (e) => {
-      const showFormType = selectItem.value?.showFormType;
-      let value = "";
-      if (!showFormType) {
-        value = inputValue.value;
-      } else if (showFormType === "select") {
-        value = e;
-      } else if (showFormType === "range-picker") {
-        value = e;
-      } else {
-        value = e;
-      }
-      emits("change", selectItem.value?.value, value);
+    const handleChange = () => {
+      emits("change", selectItem.value?.value, value.value);
     };
     vue.watch(
       () => [props.selectValue, props.data],
       ([selectValue, newData]) => {
         if (newData && newData.length) {
-          const firstItem = newData[0];
+          let firstItem = newData[0];
+          const findItem = newData.find((item) => item.value === selectValue);
+          if (findItem) {
+            firstItem = findItem;
+          }
           selectItem.value = firstItem;
           typeSelectValue.value = selectValue ? selectValue : firstItem.value;
         }
@@ -58,6 +54,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         immediate: true
       }
     );
+    vue.watch(
+      () => props.value,
+      (newV) => {
+        if (newV)
+          value.value = newV;
+      },
+      {
+        immediate: true
+      }
+    );
     return (_ctx, _cache) => {
       const _component_a_select_option = vue.resolveComponent("a-select-option");
       const _component_a_select = vue.resolveComponent("a-select");
@@ -119,8 +125,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   vue.createCommentVNode(" input\u8F93\u5165\u6846 "),
                   !selectItem.value?.showFormType || selectItem.value?.showFormType === "input" ? (vue.openBlock(), vue.createBlock(_component_a_input, {
                     key: 0,
-                    value: inputValue.value,
-                    "onUpdate:value": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
+                    value: value.value,
+                    "onUpdate:value": _cache[1] || (_cache[1] = ($event) => value.value = $event),
                     placeholder: selectItem.value?.placeholder,
                     onPressEnter: handleChange
                   }, {
@@ -138,6 +144,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     [
                       vue.createCommentVNode(" select\u4E0B\u62C9\u6846 "),
                       vue.createVNode(_component_a_select, {
+                        value: value.value,
+                        "onUpdate:value": _cache[2] || (_cache[2] = ($event) => value.value = $event),
                         "popup-class-name": "select-group-right-select",
                         options: selectItem.value?.options,
                         placeholder: selectItem.value?.placeholder,
@@ -171,7 +179,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         ]),
                         _: 1
                         /* STABLE */
-                      }, 8, ["options", "placeholder", "field-names"])
+                      }, 8, ["value", "options", "placeholder", "field-names"])
                     ],
                     64
                     /* STABLE_FRAGMENT */
@@ -180,7 +188,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     { key: 2 },
                     [
                       vue.createCommentVNode(" \u65E5\u671F\u9009\u62E9 "),
-                      vue.createVNode(_component_a_range_picker, { onChange: handleChange })
+                      vue.createVNode(_component_a_range_picker, {
+                        value: value.value,
+                        "onUpdate:value": _cache[3] || (_cache[3] = ($event) => value.value = $event),
+                        onChange: handleChange
+                      }, null, 8, ["value"])
                     ],
                     64
                     /* STABLE_FRAGMENT */
@@ -190,13 +202,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     [
                       vue.createCommentVNode(" \u6811\u9009\u62E9 "),
                       vue.createVNode(_component_a_tree_select, {
-                        value: treeSelectValue.value,
-                        "onUpdate:value": _cache[2] || (_cache[2] = ($event) => treeSelectValue.value = $event),
+                        value: value.value,
+                        "onUpdate:value": _cache[4] || (_cache[4] = ($event) => value.value = $event),
                         style: { "width": "100%" },
                         "field-names": selectItem.value.fieldNames,
                         placeholder: selectItem.value?.placeholder,
                         "tree-data": selectItem.value.list,
-                        onSelect: handleTreeSelect
+                        onSelect: handleChange
                       }, null, 8, ["value", "field-names", "placeholder", "tree-data"])
                     ],
                     64

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

@@ -1 +1 @@
-{"version":3,"file":"select-group.vue2.js","sources":["../../../../../packages/components/select-group/src/select-group.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div :class=\"bemContainer.b()\">\n      <a-input-group compact>\n        <!-- 左侧select -->\n        <a-select\n          v-model:value=\"typeSelectValue\"\n          class=\"select-group-left-select-container\"\n          @change=\"handleSelectChange\"\n        >\n          <a-select-option\n            v-for=\"item in data\"\n            :key=\"item.name\"\n            :value=\"item.value\"\n            :item=\"item\"\n          >\n            {{ item.name }}\n          </a-select-option>\n        </a-select>\n        <!-- 右侧组合表单 -->\n        <!-- input输入框 -->\n        <template\n          v-if=\"\n            !selectItem?.showFormType || selectItem?.showFormType === 'input'\n          \"\n        >\n          <a-input\n            v-model:value=\"inputValue\"\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            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 @change=\"handleChange\" />\n        </template>\n        <!-- 树选择 -->\n        <template v-else-if=\"selectItem?.showFormType === 'treeSelect'\">\n          <a-tree-select\n            v-model:value=\"treeSelectValue\"\n            style=\"width: 100%\"\n            :field-names=\"selectItem.fieldNames\"\n            :placeholder=\"selectItem?.placeholder\"\n            :tree-data=\"selectItem.list\"\n            @select=\"handleTreeSelect\"\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 inputValue = ref('') // input输入框的值\nconst treeSelectValue = ref() // 树的value\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  selectItem.value = options.item\n  inputValue.value = ''\n  treeSelectValue.value = undefined\n}\n// 树select\nconst handleTreeSelect = (value: string) => {\n  handleChange(value)\n}\n// 整合处理change\nconst handleChange = (e: any) => {\n  const showFormType = selectItem.value?.showFormType\n  let value = ''\n  // input\n  if (!showFormType) {\n    value = inputValue.value\n    // select\n  } else if (showFormType === 'select') {\n    value = e\n    // range-picker\n  } else if (showFormType === 'range-picker') {\n    value = e\n  } else {\n    value = e\n  }\n  emits('change', selectItem.value?.value as string, 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      const firstItem = newData[0]\n      selectItem.value = firstItem!\n      typeSelectValue.value = selectValue ? selectValue : firstItem.value!\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n</script>\n"],"names":["ref","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;AA0FA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,eAAA,GAAkBA,QAAI,GAAG,CAAA,CAAA;AAC/B,IAAM,MAAA,UAAA,GAAaA,QAAI,EAAE,CAAA,CAAA;AACzB,IAAA,MAAM,kBAAkBA,OAAI,EAAA,CAAA;AAC5B,IAAA,MAAM,aAAaA,OAAqB,EAAA,CAAA;AACxC,IAAM,MAAA,GAAA,GAAMC,gCAAgB,cAAc,CAAA,CAAA;AAC1C,IAAM,MAAA,YAAA,GAAeA,gCAAgB,wBAAwB,CAAA,CAAA;AAI7D,IAAM,MAAA,kBAAA,GAAqB,CAAC,CAAA,EAAW,OAAiB,KAAA;AACtD,MAAA,UAAA,CAAW,QAAQ,OAAQ,CAAA,IAAA,CAAA;AAC3B,MAAA,UAAA,CAAW,KAAQ,GAAA,EAAA,CAAA;AACnB,MAAA,eAAA,CAAgB,KAAQ,GAAA,KAAA,CAAA,CAAA;AAAA,KAC1B,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,KAAkB,KAAA;AAC1C,MAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,CAAW,KAAA;AAC/B,MAAM,MAAA,YAAA,GAAe,WAAW,KAAO,EAAA,YAAA,CAAA;AACvC,MAAA,IAAI,KAAQ,GAAA,EAAA,CAAA;AAEZ,MAAA,IAAI,CAAC,YAAc,EAAA;AACjB,QAAA,KAAA,GAAQ,UAAW,CAAA,KAAA,CAAA;AAAA,OAErB,MAAA,IAAW,iBAAiB,QAAU,EAAA;AACpC,QAAQ,KAAA,GAAA,CAAA,CAAA;AAAA,OAEV,MAAA,IAAW,iBAAiB,cAAgB,EAAA;AAC1C,QAAQ,KAAA,GAAA,CAAA,CAAA;AAAA,OACH,MAAA;AACL,QAAQ,KAAA,GAAA,CAAA,CAAA;AAAA,OACV;AACA,MAAA,KAAA,CAAM,QAAU,EAAA,UAAA,CAAW,KAAO,EAAA,KAAA,EAAiB,KAAK,CAAA,CAAA;AAAA,KAC1D,CAAA;AAIA,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,WAAA,EAAa,MAAM,IAAI,CAAA;AAAA,MACpC,CAAC,CAAC,WAAa,EAAA,OAAO,CAAM,KAAA;AAC1B,QAAI,IAAA,OAAA,IAAW,QAAQ,MAAQ,EAAA;AAC7B,UAAM,MAAA,SAAA,GAAY,QAAQ,CAAC,CAAA,CAAA;AAC3B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"select-group.vue2.js","sources":["../../../../../packages/components/select-group/src/select-group.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div :class=\"bemContainer.b()\">\n      <a-input-group compact>\n        <!-- 左侧select -->\n        <a-select\n          v-model:value=\"typeSelectValue\"\n          class=\"select-group-left-select-container\"\n          @change=\"handleSelectChange\"\n        >\n          <a-select-option\n            v-for=\"item in data\"\n            :key=\"item.name\"\n            :value=\"item.value\"\n            :item=\"item\"\n          >\n            {{ item.name }}\n          </a-select-option>\n        </a-select>\n        <!-- 右侧组合表单 -->\n        <!-- input输入框 -->\n        <template\n          v-if=\"\n            !selectItem?.showFormType || selectItem?.showFormType === 'input'\n          \"\n        >\n          <a-input\n            v-model:value=\"value\"\n            :placeholder=\"selectItem?.placeholder\"\n            @press-enter=\"handleChange\"\n          >\n            <template #suffix>\n              <ll-icon :icon-name=\"`icon-search`\" @click=\"handleChange\" />\n            </template>\n          </a-input>\n        </template>\n        <!-- select下拉框 -->\n        <template v-else-if=\"selectItem?.showFormType === 'select'\">\n          <a-select\n            v-model:value=\"value\"\n            popup-class-name=\"select-group-right-select\"\n            :options=\"selectItem?.options\"\n            :placeholder=\"selectItem?.placeholder\"\n            style=\"width: 100%\"\n            :field-names=\"selectItem?.fieldNames\"\n            @change=\"handleChange\"\n          >\n            <a-select-option\n              v-for=\"item in selectItem.list\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n            >\n              {{ item.name }}\n            </a-select-option>\n          </a-select>\n        </template>\n        <!-- 日期选择 -->\n        <template v-else-if=\"selectItem?.showFormType === 'range-picker'\">\n          <a-range-picker v-model:value=\"value\" @change=\"handleChange\" />\n        </template>\n        <!-- 树选择 -->\n        <template v-else-if=\"selectItem?.showFormType === 'treeSelect'\">\n          <a-tree-select\n            v-model:value=\"value\"\n            style=\"width: 100%\"\n            :field-names=\"selectItem.fieldNames\"\n            :placeholder=\"selectItem?.placeholder\"\n            :tree-data=\"selectItem.list\"\n            @select=\"handleChange\"\n          ></a-tree-select>\n        </template>\n        <template v-else>\n          <slot name=\"extra\" v-bind=\"selectItem\" />\n        </template>\n      </a-input-group>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport { selectGroupProps, selectGroupEmits } from './select-group'\nimport { createNamespace } from '@ll-plus/utils'\n\nimport type { SelectGroupData } from './select-group'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlSelectGroup' })\n\n// 1.props/emits\nconst props = defineProps(selectGroupProps)\nconst emits = defineEmits(selectGroupEmits)\n\n// 3.ref/const\nconst typeSelectValue = ref('1') // selectinput组合select的值\nconst value = ref<any>('')\nconst selectItem = ref<SelectGroupData>() // 选中表单的类型\nconst bem = createNamespace('select-group')\nconst bemContainer = createNamespace('select-group-container')\n\n// 4.methods\n// 第一个select的change\nconst handleSelectChange = (_: string, options: any) => {\n  const item = options.item\n  const formType = item.showFormType\n  // 如果\n  if (!formType || formType === 'input' || formType === 'treeSelect') {\n    value.value = ''\n  } else if (formType === 'range-picker') {\n    value.value = [undefined, undefined]\n  } else if (formType === 'select') {\n    value.value = undefined\n  }\n  selectItem.value = options.item\n}\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    if (newV) value.value = newV\n  },\n  {\n    immediate: true\n  }\n)\n</script>\n"],"names":["ref","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;AA2FA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,eAAA,GAAkBA,QAAI,GAAG,CAAA,CAAA;AAC/B,IAAM,MAAA,KAAA,GAAQA,QAAS,EAAE,CAAA,CAAA;AACzB,IAAA,MAAM,aAAaA,OAAqB,EAAA,CAAA;AACxC,IAAM,MAAA,GAAA,GAAMC,gCAAgB,cAAc,CAAA,CAAA;AAC1C,IAAM,MAAA,YAAA,GAAeA,gCAAgB,wBAAwB,CAAA,CAAA;AAI7D,IAAM,MAAA,kBAAA,GAAqB,CAAC,CAAA,EAAW,OAAiB,KAAA;AACtD,MAAA,MAAM,OAAO,OAAQ,CAAA,IAAA,CAAA;AACrB,MAAA,MAAM,WAAW,IAAK,CAAA,YAAA,CAAA;AAEtB,MAAA,IAAI,CAAC,QAAA,IAAY,QAAa,KAAA,OAAA,IAAW,aAAa,YAAc,EAAA;AAClE,QAAA,KAAA,CAAM,KAAQ,GAAA,EAAA,CAAA;AAAA,OAChB,MAAA,IAAW,aAAa,cAAgB,EAAA;AACtC,QAAM,KAAA,CAAA,KAAA,GAAQ,CAAC,KAAA,CAAA,EAAW,KAAS,CAAA,CAAA,CAAA;AAAA,OACrC,MAAA,IAAW,aAAa,QAAU,EAAA;AAChC,QAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAA,CAAA;AAAA,OAChB;AACA,MAAA,UAAA,CAAW,QAAQ,OAAQ,CAAA,IAAA,CAAA;AAAA,KAC7B,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAU,EAAA,UAAA,CAAW,KAAO,EAAA,KAAA,EAAiB,MAAM,KAAK,CAAA,CAAA;AAAA,KAChE,CAAA;AAIA,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,WAAA,EAAa,MAAM,IAAI,CAAA;AAAA,MACpC,CAAC,CAAC,WAAa,EAAA,OAAO,CAAM,KAAA;AAC1B,QAAI,IAAA,OAAA,IAAW,QAAQ,MAAQ,EAAA;AAC7B,UAAI,IAAA,SAAA,GAAY,QAAQ,CAAC,CAAA,CAAA;AACzB,UAAA,MAAM,WAAW,OAAQ,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,UAAU,WAAW,CAAA,CAAA;AAChE,UAAA,IAAI,QAAU,EAAA;AACZ,YAAY,SAAA,GAAA,QAAA,CAAA;AAAA,WACd;AACA,UAAA,UAAA,CAAW,KAAQ,GAAA,SAAA,CAAA;AACnB,UAAgB,eAAA,CAAA,KAAA,GAAQ,WAAc,GAAA,WAAA,GAAc,SAAU,CAAA,KAAA,CAAA;AAAA,SAChE;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,IAAc,KAAA;AACb,QAAI,IAAA,IAAA;AAAM,UAAA,KAAA,CAAM,KAAQ,GAAA,IAAA,CAAA;AAAA,OAC1B;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -7,8 +7,8 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
         readonly menuSwitchOptions: import("./src/config").IMenuSwitchOptions;
     } & {}) | (() => import("./src/config").TableHeaderSearchProps))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
     readonly tableProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
-        readonly dataSource: any[];
         readonly columns: import("ant-design-vue").TableColumnProps[];
+        readonly dataSource: any[];
         readonly settingKey: string;
         readonly showIndexColumn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showOperate: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -25,8 +25,8 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
         readonly resizeColumn?: Function | undefined;
         readonly dragChange?: Function | undefined;
     }) | (() => import("./src/config").MainTableProps) | ((new (...args: any[]) => {
-        readonly dataSource: any[];
         readonly columns: import("ant-design-vue").TableColumnProps[];
+        readonly dataSource: any[];
         readonly settingKey: string;
         readonly showIndexColumn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showOperate: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -245,8 +245,8 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
         };
     }, {
         props: import("@vue/shared").LooseRequired<{
-            readonly dataSource: any[];
             readonly columns: import("ant-design-vue").TableColumnProps[];
+            readonly dataSource: any[];
             readonly settingKey: string;
             readonly showIndexColumn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly showOperate: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -370,6 +370,7 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
             modelValue: unknown[];
             componentData: Record<string, any>;
         }, {}>;
+        readonly has: <T>(object: T, path: import("lodash").PropertyPath) => boolean;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         handleChangeDataSource: (dataSource: any[]) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -442,8 +443,8 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
     }>> & {
         onHandleChangeDataSource?: ((dataSource: any[]) => any) | undefined;
     }, {
-        readonly dataSource: any[];
         readonly columns: import("ant-design-vue").TableColumnProps[];
+        readonly dataSource: any[];
         readonly settingKey: string;
         readonly showIndexColumn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showOperate: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -529,8 +530,8 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
         readonly menuSwitchOptions: import("./src/config").IMenuSwitchOptions;
     } & {}) | (() => import("./src/config").TableHeaderSearchProps))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
     readonly tableProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
-        readonly dataSource: any[];
         readonly columns: import("ant-design-vue").TableColumnProps[];
+        readonly dataSource: any[];
         readonly settingKey: string;
         readonly showIndexColumn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showOperate: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -547,8 +548,8 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
         readonly resizeColumn?: Function | undefined;
         readonly dragChange?: Function | undefined;
     }) | (() => import("./src/config").MainTableProps) | ((new (...args: any[]) => {
-        readonly dataSource: any[];
         readonly columns: import("ant-design-vue").TableColumnProps[];
+        readonly dataSource: any[];
         readonly settingKey: string;
         readonly showIndexColumn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showOperate: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;