ll-plus 2.1.2 → 2.1.4

package/index.full.mjs

@@ -1641,7 +1641,7 @@ const _hoisted_1$9 = /* @__PURE__ */ createElementVNode(
 const _hoisted_2$4 = [
   _hoisted_1$9
 ];
-var _sfc_main$P = /* @__PURE__ */ defineComponent({
+var _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFilteringParams" },
   __name: "advanced-filtering-params",
   props: advancedFilteringParamsProps,
@@ -1754,7 +1754,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var AdvancedFilteringParams = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "advanced-filtering-params.vue"]]);
+var AdvancedFilteringParams = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "advanced-filtering-params.vue"]]);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2099,7 +2099,7 @@ const _hoisted_3$2 = /* @__PURE__ */ createElementVNode(
 const _hoisted_4 = [
   _hoisted_3$2
 ];
-var _sfc_main$O = /* @__PURE__ */ defineComponent({
+var _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFilteringTags" },
   __name: "advanced-filtering-tags",
   props: advancedFilteringProps,
@@ -2314,7 +2314,7 @@ var _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 
-var AdvancedFilteringTags = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "advanced-filtering-tags.vue"]]);
+var AdvancedFilteringTags = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "advanced-filtering-tags.vue"]]);
 
 const _hoisted_1$7 = /* @__PURE__ */ createElementVNode(
   "span",
@@ -2323,7 +2323,7 @@ const _hoisted_1$7 = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-var _sfc_main$N = /* @__PURE__ */ defineComponent({
+var _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFiltering" },
   __name: "advanced-filtering",
   props: advancedFilteringProps,
@@ -2420,7 +2420,7 @@ var _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 
-var AdvancedFiltering = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "advanced-filtering.vue"]]);
+var AdvancedFiltering = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "advanced-filtering.vue"]]);
 
 const LlAdvancedFiltering = withInstall(AdvancedFiltering);
 const LlAdvancedFilteringParams = withInstall(AdvancedFilteringParams);
@@ -2472,7 +2472,7 @@ const avatarEmits = {
   click: (item, index) => !!item || index
 };
 
-var _sfc_main$M = /* @__PURE__ */ defineComponent({
+var _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAvatar" },
   __name: "avatar",
   props: avatarProps,
@@ -2642,7 +2642,7 @@ var _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "avatar.vue"]]);
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "avatar.vue"]]);
 
 const LlAvatar = withInstall(Avatar);
 
@@ -2668,7 +2668,7 @@ const buttonProps = buildProps({
 });
 
 const _hoisted_1$6 = { key: 0 };
-var _sfc_main$L = /* @__PURE__ */ defineComponent({
+var _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{ name: "LlButton" },
   __name: "button",
   props: buttonProps,
@@ -2727,11 +2727,11 @@ var _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "button.vue"]]);
 
 const LlButton = withInstall(Button);
 
-var _sfc_main$K = /* @__PURE__ */ defineComponent({
+var _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCascader" },
   __name: "cascader",
   setup(__props) {
@@ -2758,11 +2758,11 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "cascader.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "cascader.vue"]]);
 
 const LlCascader = withInstall(Cascader);
 
-var _sfc_main$J = /* @__PURE__ */ defineComponent({
+var _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCheckbox" },
   __name: "checkbox",
   setup(__props, { expose: __expose }) {
@@ -2802,7 +2802,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "checkbox.vue"]]);
 
 const checkboxGroupProps = buildProps({
   options: {
@@ -2816,7 +2816,7 @@ const checkboxGroupProps = buildProps({
   }
 });
 
-var _sfc_main$I = /* @__PURE__ */ defineComponent({
+var _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCheckboxGroup" },
   __name: "checkbox-group",
   props: checkboxGroupProps,
@@ -2885,12 +2885,12 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "checkbox-group.vue"]]);
 
 const LlCheckbox = withInstall(Checkbox);
 const LlCheckboxGroup = withInstall(CheckboxGroup);
 
-var _sfc_main$H = /* @__PURE__ */ defineComponent({
+var _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlConfigProvider"
   },
@@ -2913,11 +2913,11 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "config-provider.vue"]]);
+var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "config-provider.vue"]]);
 
 const LlConfigProvider = withInstall(ConfigProvider);
 
-var _sfc_main$G = /* @__PURE__ */ defineComponent({
+var _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDatePicker" },
   __name: "date-picker",
   setup(__props) {
@@ -2943,11 +2943,11 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "date-picker.vue"]]);
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "date-picker.vue"]]);
 
 const LlDatePicker = withInstall(DatePicker);
 
-var _sfc_main$F = /* @__PURE__ */ defineComponent({
+var _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDateRange" },
   __name: "date-range",
   setup(__props) {
@@ -2973,7 +2973,7 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "date-range.vue"]]);
+var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "date-range.vue"]]);
 
 const LlDateRange = withInstall(DateRange);
 
@@ -2988,7 +2988,7 @@ const descriptionsProps = buildProps({
   }
 });
 
-var _sfc_main$E = /* @__PURE__ */ defineComponent({
+var _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDescriptions" },
   __name: "descriptions",
   props: descriptionsProps,
@@ -3063,7 +3063,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "descriptions.vue"]]);
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "descriptions.vue"]]);
 
 const LlDescriptions = withInstall(Descriptions);
 
@@ -3078,7 +3078,7 @@ const descriptionsItemProps = buildProps({
   }
 });
 
-var _sfc_main$D = /* @__PURE__ */ defineComponent({
+var _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDescriptionsItem" },
   __name: "descriptions-item",
   props: descriptionsItemProps,
@@ -3108,7 +3108,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "descriptions-item.vue"]]);
+var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "descriptions-item.vue"]]);
 
 const LlDescriptionsItem = withInstall(DescriptionsItem);
 
@@ -3240,7 +3240,7 @@ const secondConfirmationProps = buildProps({
   onCancel: Function
 });
 
-var _sfc_main$C = /* @__PURE__ */ defineComponent({
+var _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSecondConfirmation" },
   __name: "second-confirmation",
   props: secondConfirmationProps,
@@ -3318,7 +3318,7 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 
-var SecondConfirmation = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "second-confirmation.vue"]]);
+var SecondConfirmation = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "second-confirmation.vue"]]);
 
 const useSecondConfirmation = (options) => {
   const { title, message, confirmText, cancelText, icon = null } = options;
@@ -3351,7 +3351,7 @@ const useSecondConfirmation = (options) => {
 
 const LlSecondConfirmation = withInstall(SecondConfirmation);
 
-var _sfc_main$B = /* @__PURE__ */ defineComponent({
+var _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDrawer" },
   __name: "drawer",
   props: drawerProps,
@@ -3509,7 +3509,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "drawer.vue"]]);
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "drawer.vue"]]);
 
 const LlDrawer = withInstall(Drawer);
 
@@ -3539,7 +3539,7 @@ const emptyProps = buildProps({
 });
 
 const _hoisted_1$5 = ["src"];
-var _sfc_main$A = /* @__PURE__ */ defineComponent({
+var _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{ name: "LlEmpty" },
   __name: "empty",
   props: emptyProps,
@@ -3599,7 +3599,7 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "empty.vue"]]);
+var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "empty.vue"]]);
 
 const LlEmpty = withInstall(Empty);
 
@@ -3647,7 +3647,7 @@ const formProps = buildProps({
 
 const checkedType = ["radio", "checkbox", "switch"];
 
-var _sfc_main$z = /* @__PURE__ */ defineComponent({
+var _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{ name: "LlForm" },
   __name: "form",
   props: formProps,
@@ -3814,11 +3814,11 @@ var _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "form.vue"]]);
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "form.vue"]]);
 
 const LlForm = withInstall(Form);
 
-var _sfc_main$y = /* @__PURE__ */ defineComponent({
+var _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{ name: "LlFormItem" },
   __name: "form-item",
   setup(__props) {
@@ -3844,7 +3844,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 
-var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "form-item.vue"]]);
+var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "form-item.vue"]]);
 
 const LlFormItem = withInstall(FormItem);
 
@@ -3872,7 +3872,7 @@ const iconProps = buildProps({
 
 const _hoisted_1$4 = { "aria-hidden": "true" };
 const _hoisted_2$2 = ["xlink:href"];
-var _sfc_main$x = /* @__PURE__ */ defineComponent({
+var _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIcon"
   },
@@ -3914,7 +3914,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "icon.vue"]]);
 
 const LlIcon = withInstall(Icon);
 
@@ -3979,7 +3979,7 @@ const iconBaseProps = buildProps({
   }
 });
 
-var _sfc_main$w = /* @__PURE__ */ defineComponent({
+var _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIconBase"
   },
@@ -4081,10 +4081,321 @@ var _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 
-var IconBase = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "icon-base.vue"]]);
+var IconBase = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "icon-base.vue"]]);
 
 const LlIconBase = withInstall(IconBase);
 
+const iconPickerProps = buildProps({
+  // buildProps和defineprops一样
+  /**
+   * @description 选中的icon
+   */
+  value: {
+    type: String
+  },
+  /**
+   * @description 模态框的icon列表
+   */
+  iconList: {
+    type: definePropType(Array),
+    default: () => []
+  }
+});
+
+const iconPickerModalProps = buildProps({
+  // buildProps和defineprops一样
+  /**
+   * @description icon的value
+   */
+  value: {
+    type: String
+  },
+  /**
+   * @description modal的visible
+   */
+  visible: {
+    type: Boolean
+  },
+  data: {
+    type: definePropType(Array),
+    default: () => []
+  }
+});
+const iconPickerModalEmits = {
+  "update:visible": () => true,
+  changeIconValue: (value) => value
+};
+
+const iconPickerSearchProps = buildProps({
+  // buildProps和defineprops一样
+  /**
+   * @description icon的value
+   */
+  value: {
+    type: String
+  }
+});
+const iconPickerSearchEmits = {
+  handleModalVisible: (bool) => !!bool
+};
+
+var _sfc_main$y = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "LlIconPickerSearch"
+  },
+  __name: "search",
+  props: iconPickerSearchProps,
+  emits: iconPickerSearchEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const attrs = useAttrs();
+    const handleCloseModalVisible = () => emits("handleModalVisible", true);
+    return (_ctx, _cache) => {
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_a_input = resolveComponent("a-input");
+      const _component_a_button = resolveComponent("a-button");
+      const _component_a_input_group = resolveComponent("a-input-group");
+      return openBlock(), createBlock(_component_a_input_group, { compact: "" }, {
+        default: withCtx(() => [
+          createVNode(_component_a_input, mergeProps({
+            value: props.value,
+            readonly: ""
+          }, unref(attrs), { style: { "width": "calc(100% - 60px)" } }), {
+            suffix: withCtx(() => [
+              createVNode(_component_ll_icon, {
+                "icon-name": "icon-" + _ctx.value
+              }, null, 8, ["icon-name"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 16, ["value"]),
+          renderSlot(_ctx.$slots, "rightButton", {}, () => [
+            createVNode(_component_a_button, {
+              type: "primary",
+              onClick: handleCloseModalVisible
+            }, {
+              default: withCtx(() => [
+                createTextVNode("\u56FE\u6807")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      });
+    };
+  }
+});
+
+var search = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "search.vue"]]);
+
+var _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "LlIconPickerModal"
+  },
+  __name: "modal",
+  props: iconPickerModalProps,
+  emits: iconPickerModalEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const searchIconValue = ref("");
+    const selectIcon = ref("");
+    const iconList = ref([]);
+    const bem = createNamespace("icon-picker-modal");
+    const handleOk = () => {
+      emits("changeIconValue", selectIcon.value);
+      emits("update:visible");
+    };
+    const handleCancel = () => emits("update:visible");
+    const handleSelectIcon = (icon) => selectIcon.value = icon?.font_class;
+    watch(
+      () => props.visible,
+      (newVisible) => {
+        if (newVisible)
+          searchIconValue.value = "";
+      }
+    );
+    watch(
+      () => props.value,
+      (newV) => {
+        if (newV)
+          selectIcon.value = newV;
+      }
+    );
+    watch(
+      () => props.data,
+      (newData) => {
+        iconList.value = [...newData];
+      },
+      {
+        immediate: true
+      }
+    );
+    watch(searchIconValue, () => {
+      iconList.value = props.data.filter(
+        (ele) => ~ele.font_class.indexOf(searchIconValue.value)
+      );
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_a_input = resolveComponent("a-input");
+      const _component_a_button = resolveComponent("a-button");
+      const _component_a_space = resolveComponent("a-space");
+      const _component_ll_modal = resolveComponent("ll-modal");
+      return openBlock(), createBlock(_component_ll_modal, {
+        open: _ctx.visible,
+        title: "\u56FE\u6807\u9009\u62E9",
+        class: "icon-picker-modal-wrapper",
+        width: "776px",
+        keyboard: false,
+        "mask-closable": false,
+        onOk: handleOk,
+        onCancel: handleCancel
+      }, {
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(bem).b())
+            },
+            [
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).e("input-container"))
+                },
+                [
+                  createVNode(_component_a_input, {
+                    value: searchIconValue.value,
+                    "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchIconValue.value = $event),
+                    class: normalizeClass(unref(bem).e("input")),
+                    "allow-clear": "",
+                    placeholder: "\u641C\u7D22..."
+                  }, {
+                    prefix: withCtx(() => [
+                      createVNode(_component_ll_icon, { "icon-name": "icon-search" })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["value", "class"])
+                ],
+                2
+                /* CLASS */
+              ),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).e("list"))
+                },
+                [
+                  createVNode(_component_a_space, {
+                    size: [16, 16],
+                    wrap: "",
+                    class: normalizeClass(unref(bem).e("space"))
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(iconList.value, (item) => {
+                          return openBlock(), createBlock(_component_a_button, {
+                            key: item.icon_id,
+                            type: selectIcon.value === item.font_class ? "primary" : "default",
+                            class: normalizeClass(unref(bem).e("button")),
+                            onClick: ($event) => handleSelectIcon(item)
+                          }, {
+                            icon: withCtx(() => [
+                              createVNode(_component_ll_icon, {
+                                "icon-name": "icon-" + item.font_class,
+                                style: { "font-size": "28px" }
+                              }, null, 8, ["icon-name"])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["type", "class", "onClick"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"])
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["open"]);
+    };
+  }
+});
+
+var modal = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "modal.vue"]]);
+
+var _sfc_main$w = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "LlIconPicker"
+  },
+  __name: "icon-picker",
+  props: iconPickerProps,
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const iconValue = ref("");
+    const visible = ref(false);
+    const bem = createNamespace("icon-picker");
+    const handleModalVisible = (bool) => visible.value = bool;
+    const handleChangeValue = (value) => iconValue.value = value;
+    watch(
+      () => props.value,
+      (newValue) => {
+        if (newValue)
+          iconValue.value = newValue;
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).b())
+        },
+        [
+          createCommentVNode(" input\u7EC4\u5408 "),
+          createVNode(search, mergeProps(unref(attrs), {
+            value: iconValue.value,
+            onHandleModalVisible: handleModalVisible
+          }), null, 16, ["value"]),
+          createCommentVNode(" icon\u5F39\u7A97 "),
+          createVNode(modal, {
+            visible: visible.value,
+            "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+            value: iconValue.value,
+            data: _ctx.iconList,
+            onChangeIconValue: handleChangeValue
+          }, null, 8, ["visible", "value", "data"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var IconPicker = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "icon-picker.vue"]]);
+
+const LlIconPicker = withInstall(IconPicker);
+
 const inputProps = buildProps({
   /**
    * @description 带有前缀图标的 input
@@ -20233,6 +20544,7 @@ var Components = [
   LlFormItem,
   LlIcon,
   LlIconBase,
+  LlIconPicker,
   LlInput,
   LlInputNumber,
   LlModal,
@@ -20265,4 +20577,4 @@ var installer = makeInstaller([...Components]);
 
 const install = installer.install;
 
-export { ILlUploadDragProps, ImenuSwitchType, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlAvatar, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlConfigProvider, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlEmpty, LlForm, LlFormItem, LlIcon, LlIconBase, LlInput, LlInputNumber, LlModal, LlOperateIcon, LlRadio, LlRadioButton, LlRadioGroup, LlSecondConfirmation, LlSegmented, LlSelect, LlSelectGroup, LlSelectOptGroup, LlSelectOption, LlSpace, LlSteps, LlSwitch, LlTable, LlTabsSimple, LlTextarea, LlTimePicker, LlTimeRange, LlTooltip, LlTree, LlTreeSearch, LlUploadDrag, TreeSelectTreeListEmits, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, avatarEmits, avatarProps, avatarType, buttonProps, checkboxGroupProps, checkedType, installer as default, descriptionsItemProps, descriptionsProps, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownEmits, dropdownProps, emptyProps, formProps, iconBaseProps, iconProps, iconTypes, inputNumberEmits, inputNumberProps, inputProps, install, mainTableEmits, mainTableProps, menuSwitchRadioList, modalEmits, modalProps, operateIconEmits, operateIconProps, placement, secondConfirmationProps, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectOptGroupProps, selectOptionProps, tableHeaderSearchEmits, tableHeaderSearchProps, tablePaginationProps, tableProps, tabsSimpleEmits, tabsSimpleProps, tooltipProps, treeEmits, treeProps, treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps, treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps, treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps, treeSelectTreeListEmits, treeSelectTreeListProps, url, useSecondConfirmation };
+export { ILlUploadDragProps, ImenuSwitchType, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlAvatar, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlConfigProvider, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlEmpty, LlForm, LlFormItem, LlIcon, LlIconBase, LlIconPicker, LlInput, LlInputNumber, LlModal, LlOperateIcon, LlRadio, LlRadioButton, LlRadioGroup, LlSecondConfirmation, LlSegmented, LlSelect, LlSelectGroup, LlSelectOptGroup, LlSelectOption, LlSpace, LlSteps, LlSwitch, LlTable, LlTabsSimple, LlTextarea, LlTimePicker, LlTimeRange, LlTooltip, LlTree, LlTreeSearch, LlUploadDrag, TreeSelectTreeListEmits, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, avatarEmits, avatarProps, avatarType, buttonProps, checkboxGroupProps, checkedType, installer as default, descriptionsItemProps, descriptionsProps, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownEmits, dropdownProps, emptyProps, formProps, iconBaseProps, iconPickerModalEmits, iconPickerModalProps, iconPickerProps, iconPickerSearchEmits, iconPickerSearchProps, iconProps, iconTypes, inputNumberEmits, inputNumberProps, inputProps, install, mainTableEmits, mainTableProps, menuSwitchRadioList, modalEmits, modalProps, operateIconEmits, operateIconProps, placement, secondConfirmationProps, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectOptGroupProps, selectOptionProps, tableHeaderSearchEmits, tableHeaderSearchProps, tablePaginationProps, tableProps, tabsSimpleEmits, tabsSimpleProps, tooltipProps, treeEmits, treeProps, treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps, treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps, treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps, treeSelectTreeListEmits, treeSelectTreeListProps, url, useSecondConfirmation };