ll-plus 2.1.2 → 2.1.4

package/es/component.mjs

@@ -15,6 +15,7 @@ import { LlForm } from './components/form/index.mjs';
 import { LlFormItem } from './components/form-item/index.mjs';
 import { LlIcon } from './components/icon/index.mjs';
 import { LlIconBase } from './components/icon-base/index.mjs';
+import { LlIconPicker } from './components/icon-picker/index.mjs';
 import { LlInput } from './components/input/index.mjs';
 import { LlInputNumber } from './components/input-number/index.mjs';
 import { LlModal } from './components/modal/index.mjs';
@@ -59,6 +60,7 @@ var Components = [
   LlFormItem,
   LlIcon,
   LlIconBase,
+  LlIconPicker,
   LlInput,
   LlInputNumber,
   LlModal,

package/es/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sources":["../../packages/ll-plus/component.ts"],"sourcesContent":["import type { Plugin } from 'vue'\n\nimport {\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlConfigProvider,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlInput,\n  LlInputNumber,\n  LlModal,\n  LlOperateIcon,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag\n} from '@ll-plus/components/index'\n\nexport default [\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlConfigProvider,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlInput,\n  LlInputNumber,\n  LlModal,\n  LlOperateIcon,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,iBAAe;AAAA,EACb,mBAAA;AAAA,EACA,yBAAA;AAAA,EACA,uBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"component.mjs","sources":["../../packages/ll-plus/component.ts"],"sourcesContent":["import type { Plugin } from 'vue'\n\nimport {\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlConfigProvider,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlInput,\n  LlInputNumber,\n  LlModal,\n  LlOperateIcon,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag\n} from '@ll-plus/components/index'\n\nexport default [\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlConfigProvider,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlInput,\n  LlInputNumber,\n  LlModal,\n  LlOperateIcon,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,iBAAe;AAAA,EACb,mBAAA;AAAA,EACA,yBAAA;AAAA,EACA,uBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AACF,CAAA;;;;"}

package/es/components/icon-picker/index.d.ts

@@ -0,0 +1,146 @@
+import IconPicker from './src/icon-picker.vue';
+export declare const LlIconPicker: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly value: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly iconList: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]) | ((new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly iconList: import("./src/config").IconPickerItem[];
+        readonly value?: string | undefined;
+    } & {}>;
+    attrs: {
+        [x: string]: unknown;
+    };
+    iconValue: import("vue").Ref<string>;
+    visible: import("vue").Ref<boolean>;
+    bem: {
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element: string, modifier: string) => string;
+        bm: (blockSuffix: string, modifier: string) => string;
+        bem: (blockSuffix: string, element: string, modifier: string) => string;
+        is: (name?: string) => string;
+    };
+    handleModalVisible: (bool: boolean) => boolean;
+    handleChangeValue: (value: string) => string;
+    search: import("vue").DefineComponent<{
+        readonly value: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }, {
+        props: import("@vue/shared").LooseRequired<{
+            readonly value?: string | undefined;
+            readonly onHandleModalVisible?: ((bool: boolean) => any) | undefined;
+        } & {}>;
+        emits: (event: "handleModalVisible", bool: boolean) => void;
+        attrs: {
+            [x: string]: unknown;
+        };
+        handleCloseModalVisible: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        handleModalVisible: (bool: boolean) => boolean;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly value: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>> & {
+        onHandleModalVisible?: ((bool: boolean) => any) | undefined;
+    }, {}, {}>;
+    modal: import("vue").DefineComponent<{
+        readonly value: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly visible: {
+            readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]) | ((new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
+    }, {
+        props: import("@vue/shared").LooseRequired<{
+            readonly data: import("./src/config").IconPickerItem[];
+            readonly value?: string | undefined;
+            readonly visible?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+            readonly "onUpdate:visible"?: (() => any) | undefined;
+            readonly onChangeIconValue?: ((value: string) => any) | undefined;
+        } & {}>;
+        emits: ((event: "update:visible") => void) & ((event: "changeIconValue", value: string) => void);
+        searchIconValue: import("vue").Ref<string>;
+        selectIcon: import("vue").Ref<string>;
+        iconList: import("vue").Ref<{
+            icon_id?: string | undefined;
+            name?: string | undefined;
+            font_class?: string | undefined;
+            unicode?: string | undefined;
+            unicode_decimal?: string | undefined;
+        }[]>;
+        bem: {
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element: string, modifier: string) => string;
+            bm: (blockSuffix: string, modifier: string) => string;
+            bem: (blockSuffix: string, element: string, modifier: string) => string;
+            is: (name?: string) => string;
+        };
+        handleOk: () => void;
+        handleCancel: () => void;
+        handleSelectIcon: (icon: import("./src/config").IconPickerItem) => string;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:visible': () => boolean;
+        changeIconValue: (value: string) => string;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly value: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly visible: {
+            readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]) | ((new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
+    }>> & {
+        "onUpdate:visible"?: (() => any) | undefined;
+        onChangeIconValue?: ((value: string) => any) | undefined;
+    }, {
+        readonly data: import("./src/config").IconPickerItem[];
+    }, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly iconList: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]) | ((new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
+}>>, {
+    readonly iconList: import("./src/config").IconPickerItem[];
+}, {}>>;
+export default LlIconPicker;
+export * from './src/config';
+declare module 'vue' {
+    interface GlobalComponents {
+        LlIconPicker: typeof IconPicker;
+    }
+}

package/es/components/icon-picker/index.mjs

@@ -0,0 +1,13 @@
+import '../../utils/index.mjs';
+import IconPicker from './src/icon-picker.vue.mjs';
+import './src/config/index.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+export { iconPickerProps } from './src/config/icon-picker.mjs';
+export { iconPickerModalEmits, iconPickerModalProps } from './src/config/modal.mjs';
+export { iconPickerSearchEmits, iconPickerSearchProps } from './src/config/search.mjs';
+
+"use strict";
+const LlIconPicker = withInstall(IconPicker);
+
+export { LlIconPicker, LlIconPicker as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/icon-picker/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../packages/components/icon-picker/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport IconPicker from './src/icon-picker.vue'\n\nexport const LlIconPicker = withInstall(IconPicker)\nexport default LlIconPicker\nexport * from './src/config'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlIconPicker: typeof IconPicker\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAIa,MAAA,YAAA,GAAe,YAAY,UAAU;;;;"}

package/es/components/icon-picker/src/components/modal.vue.d.ts

@@ -0,0 +1,70 @@
+import type { IconPickerItem } from '../config';
+declare const _default: import("vue").DefineComponent<{
+    readonly value: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly visible: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => IconPickerItem[]) | (() => IconPickerItem[]) | ((new (...args: any[]) => IconPickerItem[]) | (() => IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly data: IconPickerItem[];
+        readonly value?: string | undefined;
+        readonly visible?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly "onUpdate:visible"?: (() => any) | undefined;
+        readonly onChangeIconValue?: ((value: string) => any) | undefined;
+    } & {}>;
+    emits: ((event: "update:visible") => void) & ((event: "changeIconValue", value: string) => void);
+    searchIconValue: import("vue").Ref<string>;
+    selectIcon: import("vue").Ref<string>;
+    iconList: import("vue").Ref<{
+        icon_id?: string | undefined;
+        name?: string | undefined;
+        font_class?: string | undefined;
+        unicode?: string | undefined;
+        unicode_decimal?: string | undefined;
+    }[]>;
+    bem: {
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element: string, modifier: string) => string;
+        bm: (blockSuffix: string, modifier: string) => string;
+        bem: (blockSuffix: string, element: string, modifier: string) => string;
+        is: (name?: string) => string;
+    };
+    handleOk: () => void;
+    handleCancel: () => void;
+    handleSelectIcon: (icon: IconPickerItem) => string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:visible': () => boolean;
+    changeIconValue: (value: string) => string;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly visible: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => IconPickerItem[]) | (() => IconPickerItem[]) | ((new (...args: any[]) => IconPickerItem[]) | (() => IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
+}>> & {
+    "onUpdate:visible"?: (() => any) | undefined;
+    onChangeIconValue?: ((value: string) => any) | undefined;
+}, {
+    readonly data: IconPickerItem[];
+}, {}>;
+export default _default;

package/es/components/icon-picker/src/components/modal.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './modal.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var modal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "modal.vue"]]);
+
+export { modal as default };
+//# sourceMappingURL=modal.vue.mjs.map

package/es/components/icon-picker/src/components/modal.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/components/icon-picker/src/components/modal.vue2.mjs

@@ -0,0 +1,158 @@
+import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, unref, createVNode, createElementBlock, Fragment, renderList } from 'vue';
+import '../../../../utils/index.mjs';
+import '../config/index.mjs';
+import { iconPickerModalProps, iconPickerModalEmits } from '../config/modal.mjs';
+import { createNamespace } from '../../../../utils/create-namespace.mjs';
+
+"use strict";
+var _sfc_main = /* @__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"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=modal.vue2.mjs.map

package/es/components/icon-picker/src/components/modal.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.vue2.mjs","sources":["../../../../../../packages/components/icon-picker/src/components/modal.vue"],"sourcesContent":["<template>\n  <ll-modal\n    :open=\"visible\"\n    :title=\"'图标选择'\"\n    class=\"icon-picker-modal-wrapper\"\n    width=\"776px\"\n    :keyboard=\"false\"\n    :mask-closable=\"false\"\n    @ok=\"handleOk\"\n    @cancel=\"handleCancel\"\n  >\n    <div :class=\"bem.b()\">\n      <div :class=\"bem.e('input-container')\">\n        <a-input\n          v-model:value=\"searchIconValue\"\n          :class=\"bem.e('input')\"\n          allow-clear\n          placeholder=\"搜索...\"\n        >\n          <template #prefix>\n            <ll-icon icon-name=\"icon-search\" />\n          </template>\n        </a-input>\n      </div>\n      <div :class=\"bem.e('list')\">\n        <a-space :size=\"[16, 16]\" wrap :class=\"bem.e('space')\">\n          <a-button\n            v-for=\"item in iconList\"\n            :key=\"item.icon_id\"\n            :type=\"selectIcon === item.font_class ? 'primary' : 'default'\"\n            :class=\"bem.e('button')\"\n            @click=\"handleSelectIcon(item)\"\n          >\n            <template #icon>\n              <ll-icon\n                :icon-name=\"'icon-' + item.font_class\"\n                style=\"font-size: 28px\"\n              />\n            </template>\n          </a-button>\n        </a-space>\n      </div>\n    </div>\n  </ll-modal>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { iconPickerModalProps, iconPickerModalEmits } from '../config'\n\nimport type { IconPickerItem } from '../config'\n\ndefineOptions({\n  name: 'LlIconPickerModal'\n})\n\nconst props = defineProps(iconPickerModalProps)\nconst emits = defineEmits(iconPickerModalEmits)\n\nconst searchIconValue = ref('')\nconst selectIcon = ref('')\nconst iconList = ref<IconPickerItem[]>([])\nconst bem = createNamespace('icon-picker-modal')\n\nconst handleOk = () => {\n  emits('changeIconValue', selectIcon.value)\n  emits('update:visible')\n}\nconst handleCancel = () => emits('update:visible')\nconst handleSelectIcon = (icon: IconPickerItem) =>\n  (selectIcon.value = icon?.font_class as string)\n\n// 监听选择的icon\nwatch(\n  () => props.visible,\n  newVisible => {\n    if (newVisible) searchIconValue.value = ''\n  }\n)\nwatch(\n  () => props.value,\n  newV => {\n    if (newV) selectIcon.value = newV\n  }\n)\nwatch(\n  () => props.data,\n  newData => {\n    iconList.value = [...newData]\n  },\n  {\n    immediate: true\n  }\n)\nwatch(searchIconValue, () => {\n  iconList.value = props.data.filter(\n    ele => ~ele.font_class!.indexOf(searchIconValue.value)\n  )\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,eAAA,GAAkB,IAAI,EAAE,CAAA,CAAA;AAC9B,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,QAAA,GAAW,GAAsB,CAAA,EAAE,CAAA,CAAA;AACzC,IAAM,MAAA,GAAA,GAAM,gBAAgB,mBAAmB,CAAA,CAAA;AAE/C,IAAA,MAAM,WAAW,MAAM;AACrB,MAAM,KAAA,CAAA,iBAAA,EAAmB,WAAW,KAAK,CAAA,CAAA;AACzC,MAAA,KAAA,CAAM,gBAAgB,CAAA,CAAA;AAAA,KACxB,CAAA;AACA,IAAM,MAAA,YAAA,GAAe,MAAM,KAAA,CAAM,gBAAgB,CAAA,CAAA;AACjD,IAAA,MAAM,gBAAmB,GAAA,CAAC,IACvB,KAAA,UAAA,CAAW,QAAQ,IAAM,EAAA,UAAA,CAAA;AAG5B,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAc,UAAA,KAAA;AACZ,QAAI,IAAA,UAAA;AAAY,UAAA,eAAA,CAAgB,KAAQ,GAAA,EAAA,CAAA;AAAA,OAC1C;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAI,IAAA,IAAA;AAAM,UAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,OAC/B;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAW,OAAA,KAAA;AACT,QAAS,QAAA,CAAA,KAAA,GAAQ,CAAC,GAAG,OAAO,CAAA,CAAA;AAAA,OAC9B;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAA,KAAA,CAAM,iBAAiB,MAAM;AAC3B,MAAS,QAAA,CAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,MAAA;AAAA,QAC1B,SAAO,CAAC,GAAA,CAAI,UAAY,CAAA,OAAA,CAAQ,gBAAgB,KAAK,CAAA;AAAA,OACvD,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/icon-picker/src/components/search.vue.d.ts

@@ -0,0 +1,30 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly value: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly value?: string | undefined;
+        readonly onHandleModalVisible?: ((bool: boolean) => any) | undefined;
+    } & {}>;
+    emits: (event: "handleModalVisible", bool: boolean) => void;
+    attrs: {
+        [x: string]: unknown;
+    };
+    handleCloseModalVisible: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    handleModalVisible: (bool: boolean) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>> & {
+    onHandleModalVisible?: ((bool: boolean) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/es/components/icon-picker/src/components/search.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './search.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var search = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "search.vue"]]);
+
+export { search as default };
+//# sourceMappingURL=search.vue.mjs.map

package/es/components/icon-picker/src/components/search.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/components/icon-picker/src/components/search.vue2.mjs

@@ -0,0 +1,58 @@
+import { defineComponent, useAttrs, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, unref, renderSlot, createTextVNode } from 'vue';
+import '../config/index.mjs';
+import { iconPickerSearchProps, iconPickerSearchEmits } from '../config/search.mjs';
+
+"use strict";
+var _sfc_main = /* @__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 */
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=search.vue2.mjs.map

package/es/components/icon-picker/src/components/search.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.vue2.mjs","sources":["../../../../../../packages/components/icon-picker/src/components/search.vue"],"sourcesContent":["<template>\n  <a-input-group compact>\n    <a-input\n      :value=\"props.value\"\n      readonly\n      v-bind=\"attrs\"\n      style=\"width: calc(100% - 60px)\"\n    >\n      <template #suffix>\n        <ll-icon :icon-name=\"'icon-' + value\" />\n      </template>\n    </a-input>\n\n    <slot name=\"rightButton\">\n      <a-button type=\"primary\" @click=\"handleCloseModalVisible\">图标</a-button>\n    </slot>\n  </a-input-group>\n</template>\n<script lang=\"ts\" setup>\nimport { useAttrs } from 'vue'\n\nimport { iconPickerSearchProps, iconPickerSearchEmits } from '../config'\n\ndefineOptions({\n  name: 'LlIconPickerSearch'\n})\n\nconst props = defineProps(iconPickerSearchProps)\nconst emits = defineEmits(iconPickerSearchEmits)\n\nconst attrs = useAttrs()\n\nconst handleCloseModalVisible = () => emits('handleModalVisible', true)\n</script>\n<style lang=\"less\" scoped></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA2BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,uBAA0B,GAAA,MAAM,KAAM,CAAA,oBAAA,EAAsB,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/icon-picker/src/config/icon-picker.d.ts

@@ -0,0 +1,20 @@
+import type { ExtractPropTypes } from 'vue';
+import type IconPicker from '../icon-picker.vue';
+export interface IconPickerItem {
+    icon_id?: string;
+    name?: string;
+    font_class?: string;
+    unicode?: string;
+    unicode_decimal?: string;
+}
+export declare const iconPickerProps: {
+    readonly value: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly iconList: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => IconPickerItem[]) | (() => IconPickerItem[]) | ((new (...args: any[]) => IconPickerItem[]) | (() => IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
+};
+export type IconPickerProps = ExtractPropTypes<typeof iconPickerProps>;
+export type IconPickerInstance = InstanceType<typeof IconPicker>;

package/es/components/icon-picker/src/config/icon-picker.mjs

@@ -0,0 +1,23 @@
+import '../../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../../utils/props/runtime.mjs';
+
+"use strict";
+const iconPickerProps = buildProps({
+  // buildProps和defineprops一样
+  /**
+   * @description 选中的icon
+   */
+  value: {
+    type: String
+  },
+  /**
+   * @description 模态框的icon列表
+   */
+  iconList: {
+    type: definePropType(Array),
+    default: () => []
+  }
+});
+
+export { iconPickerProps };
+//# sourceMappingURL=icon-picker.mjs.map

package/es/components/icon-picker/src/config/icon-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-picker.mjs","sources":["../../../../../../packages/components/icon-picker/src/config/icon-picker.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type IconPicker from '../icon-picker.vue'\n\nexport interface IconPickerItem {\n  icon_id?: string\n  name?: string\n  font_class?: string\n  unicode?: string\n  unicode_decimal?: string\n}\n\nexport const iconPickerProps = buildProps({\n  // buildProps和defineprops一样\n  /**\n   * @description 选中的icon\n   */\n  value: {\n    type: String\n  },\n  /**\n   * @description 模态框的icon列表\n   */\n  iconList: {\n    type: definePropType<IconPickerItem[]>(Array),\n    default: () => []\n  }\n} as const)\n\n// props\nexport type IconPickerProps = ExtractPropTypes<typeof iconPickerProps> // ExtractPropTypes和defineCpmponent类似\n\n// instance\nexport type IconPickerInstance = InstanceType<typeof IconPicker>\n"],"names":[],"mappings":";;;;AAaO,MAAM,kBAAkB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAiC,KAAK,CAAA;AAAA,IAC5C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU;;;;"}

package/es/components/icon-picker/src/config/index.d.ts

@@ -0,0 +1,3 @@
+export * from './icon-picker';
+export * from './modal';
+export * from './search';

package/es/components/icon-picker/src/config/index.mjs

@@ -0,0 +1,6 @@
+export { iconPickerProps } from './icon-picker.mjs';
+export { iconPickerModalEmits, iconPickerModalProps } from './modal.mjs';
+export { iconPickerSearchEmits, iconPickerSearchProps } from './search.mjs';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/components/icon-picker/src/config/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}