ll-plus 2.1.2 → 2.1.4

package/lib/components/icon-picker/src/components/search.vue2.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../config/index.js');
+var search = require('../config/search.js');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "LlIconPickerSearch"
+  },
+  __name: "search",
+  props: search.iconPickerSearchProps,
+  emits: search.iconPickerSearchEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const attrs = vue.useAttrs();
+    const handleCloseModalVisible = () => emits("handleModalVisible", true);
+    return (_ctx, _cache) => {
+      const _component_ll_icon = vue.resolveComponent("ll-icon");
+      const _component_a_input = vue.resolveComponent("a-input");
+      const _component_a_button = vue.resolveComponent("a-button");
+      const _component_a_input_group = vue.resolveComponent("a-input-group");
+      return vue.openBlock(), vue.createBlock(_component_a_input_group, { compact: "" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_a_input, vue.mergeProps({
+            value: props.value,
+            readonly: ""
+          }, vue.unref(attrs), { style: { "width": "calc(100% - 60px)" } }), {
+            suffix: vue.withCtx(() => [
+              vue.createVNode(_component_ll_icon, {
+                "icon-name": "icon-" + _ctx.value
+              }, null, 8, ["icon-name"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 16, ["value"]),
+          vue.renderSlot(_ctx.$slots, "rightButton", {}, () => [
+            vue.createVNode(_component_a_button, {
+              type: "primary",
+              onClick: handleCloseModalVisible
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("\u56FE\u6807")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      });
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=search.vue2.js.map

package/lib/components/icon-picker/src/components/search.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.vue2.js","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":["useAttrs"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,uBAA0B,GAAA,MAAM,KAAM,CAAA,oBAAA,EAAsB,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/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/lib/components/icon-picker/src/config/icon-picker.js

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

package/lib/components/icon-picker/src/config/icon-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-picker.js","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":["buildProps","definePropType"],"mappings":";;;;;;AAaO,MAAM,kBAAkBA,kBAAW,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,EAAMC,uBAAiC,KAAK,CAAA;AAAA,IAC5C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU;;;;"}

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

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

package/lib/components/icon-picker/src/config/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var iconPicker = require('./icon-picker.js');
+var modal = require('./modal.js');
+var search = require('./search.js');
+
+"use strict";
+
+exports.iconPickerProps = iconPicker.iconPickerProps;
+exports.iconPickerModalEmits = modal.iconPickerModalEmits;
+exports.iconPickerModalProps = modal.iconPickerModalProps;
+exports.iconPickerSearchEmits = search.iconPickerSearchEmits;
+exports.iconPickerSearchProps = search.iconPickerSearchProps;
+//# sourceMappingURL=index.js.map

package/lib/components/icon-picker/src/config/index.js.map

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

package/lib/components/icon-picker/src/config/modal.d.ts

@@ -0,0 +1,24 @@
+import type { ExtractPropTypes } from 'vue';
+import type Modal from '../components/modal.vue';
+import type { IconPickerItem } from './icon-picker';
+export declare const iconPickerModalProps: {
+    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>;
+};
+export type IconPickerModalProps = ExtractPropTypes<typeof iconPickerModalProps>;
+export declare const iconPickerModalEmits: {
+    'update:visible': () => boolean;
+    changeIconValue: (value: string) => string;
+};
+export type IconPickerModalInstance = InstanceType<typeof Modal>;

package/lib/components/icon-picker/src/config/modal.js

@@ -0,0 +1,33 @@
+'use strict';
+
+require('../../../../utils/index.js');
+var runtime = require('../../../../utils/props/runtime.js');
+
+"use strict";
+const iconPickerModalProps = runtime.buildProps({
+  // buildProps和defineprops一样
+  /**
+   * @description icon的value
+   */
+  value: {
+    type: String
+  },
+  /**
+   * @description modal的visible
+   */
+  visible: {
+    type: Boolean
+  },
+  data: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  }
+});
+const iconPickerModalEmits = {
+  "update:visible": () => true,
+  changeIconValue: (value) => value
+};
+
+exports.iconPickerModalEmits = iconPickerModalEmits;
+exports.iconPickerModalProps = iconPickerModalProps;
+//# sourceMappingURL=modal.js.map

package/lib/components/icon-picker/src/config/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":["../../../../../../packages/components/icon-picker/src/config/modal.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Modal from '../components/modal.vue'\nimport type { IconPickerItem } from './icon-picker'\n\nexport const iconPickerModalProps = buildProps({\n  // buildProps和defineprops一样\n  /**\n   * @description icon的value\n   */\n  value: {\n    type: String\n  },\n  /**\n   * @description modal的visible\n   */\n  visible: {\n    type: Boolean\n  },\n  data: {\n    type: definePropType<IconPickerItem[]>(Array),\n    default: () => []\n  }\n} as const)\n\n// props\nexport type IconPickerModalProps = ExtractPropTypes<typeof iconPickerModalProps> // ExtractPropTypes和defineCpmponent类似\n\n// emits\nexport const iconPickerModalEmits = {\n  'update:visible': () => true,\n  changeIconValue: (value: string) => value\n}\n\n// instance\nexport type IconPickerModalInstance = InstanceType<typeof Modal>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAMO,MAAM,uBAAuBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAK7C,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAiC,KAAK,CAAA;AAAA,IAC5C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU,EAAA;AAMH,MAAM,oBAAuB,GAAA;AAAA,EAClC,kBAAkB,MAAM,IAAA;AAAA,EACxB,eAAA,EAAiB,CAAC,KAAkB,KAAA,KAAA;AACtC;;;;;"}

package/lib/components/icon-picker/src/config/search.d.ts

@@ -0,0 +1,15 @@
+import type { ExtractPropTypes } from 'vue';
+import type Search from '../components/search.vue';
+export declare const iconPickerSearchProps: {
+    readonly value: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export type IconPickerSearchProps = ExtractPropTypes<typeof iconPickerSearchProps>;
+export declare const iconPickerSearchEmits: {
+    handleModalVisible: (bool: boolean) => boolean;
+};
+export type IconPickerSearchInstance = InstanceType<typeof Search>;

package/lib/components/icon-picker/src/config/search.js

@@ -0,0 +1,22 @@
+'use strict';
+
+require('../../../../utils/index.js');
+var runtime = require('../../../../utils/props/runtime.js');
+
+"use strict";
+const iconPickerSearchProps = runtime.buildProps({
+  // buildProps和defineprops一样
+  /**
+   * @description icon的value
+   */
+  value: {
+    type: String
+  }
+});
+const iconPickerSearchEmits = {
+  handleModalVisible: (bool) => !!bool
+};
+
+exports.iconPickerSearchEmits = iconPickerSearchEmits;
+exports.iconPickerSearchProps = iconPickerSearchProps;
+//# sourceMappingURL=search.js.map

package/lib/components/icon-picker/src/config/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sources":["../../../../../../packages/components/icon-picker/src/config/search.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Search from '../components/search.vue'\n\nexport const iconPickerSearchProps = buildProps({\n  // buildProps和defineprops一样\n  /**\n   * @description icon的value\n   */\n  value: {\n    type: String\n  }\n} as const)\n\n// props\nexport type IconPickerSearchProps = ExtractPropTypes<\n  typeof iconPickerSearchProps\n> // ExtractPropTypes和defineCpmponent类似\n\n// emits\nexport const iconPickerSearchEmits = {\n  handleModalVisible: (bool: boolean) => !!bool\n}\n\n// instance\nexport type IconPickerSearchInstance = InstanceType<typeof Search>\n"],"names":["buildProps"],"mappings":";;;;;;AAKO,MAAM,wBAAwBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAK9C,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU,EAAA;AAQH,MAAM,qBAAwB,GAAA;AAAA,EACnC,kBAAoB,EAAA,CAAC,IAAkB,KAAA,CAAC,CAAC,IAAA;AAC3C;;;;;"}

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

@@ -0,0 +1,139 @@
+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 iconList: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config/icon-picker").IconPickerItem[]) | (() => import("./config/icon-picker").IconPickerItem[]) | ((new (...args: any[]) => import("./config/icon-picker").IconPickerItem[]) | (() => import("./config/icon-picker").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly iconList: import("./config/icon-picker").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("./config/icon-picker").IconPickerItem[]) | (() => import("./config/icon-picker").IconPickerItem[]) | ((new (...args: any[]) => import("./config/icon-picker").IconPickerItem[]) | (() => import("./config/icon-picker").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
+    }, {
+        props: import("@vue/shared").LooseRequired<{
+            readonly data: import("./config/icon-picker").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("./config/icon-picker").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("./config/icon-picker").IconPickerItem[]) | (() => import("./config/icon-picker").IconPickerItem[]) | ((new (...args: any[]) => import("./config/icon-picker").IconPickerItem[]) | (() => import("./config/icon-picker").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
+    }>> & {
+        "onUpdate:visible"?: (() => any) | undefined;
+        onChangeIconValue?: ((value: string) => any) | undefined;
+    }, {
+        readonly data: import("./config/icon-picker").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("./config/icon-picker").IconPickerItem[]) | (() => import("./config/icon-picker").IconPickerItem[]) | ((new (...args: any[]) => import("./config/icon-picker").IconPickerItem[]) | (() => import("./config/icon-picker").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
+}>>, {
+    readonly iconList: import("./config/icon-picker").IconPickerItem[];
+}, {}>;
+export default _default;

package/lib/components/icon-picker/src/icon-picker.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconPicker_vue_vue_type_script_setup_true_lang = require('./icon-picker.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+"use strict";
+var IconPicker = /* @__PURE__ */ _pluginVue_exportHelper.default(iconPicker_vue_vue_type_script_setup_true_lang.default, [["__file", "icon-picker.vue"]]);
+
+exports.default = IconPicker;
+//# sourceMappingURL=icon-picker.vue.js.map

package/lib/components/icon-picker/src/icon-picker.vue.js.map

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

package/lib/components/icon-picker/src/icon-picker.vue2.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../utils/index.js');
+var search = require('./components/search.vue.js');
+var modal = require('./components/modal.vue.js');
+var iconPicker = require('./config/icon-picker.js');
+var createNamespace = require('../../../utils/create-namespace.js');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "LlIconPicker"
+  },
+  __name: "icon-picker",
+  props: iconPicker.iconPickerProps,
+  setup(__props) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const iconValue = vue.ref("");
+    const visible = vue.ref(false);
+    const bem = createNamespace.createNamespace("icon-picker");
+    const handleModalVisible = (bool) => visible.value = bool;
+    const handleChangeValue = (value) => iconValue.value = value;
+    vue.watch(
+      () => props.value,
+      (newValue) => {
+        if (newValue)
+          iconValue.value = newValue;
+      }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(bem).b())
+        },
+        [
+          vue.createCommentVNode(" input\u7EC4\u5408 "),
+          vue.createVNode(search.default, vue.mergeProps(vue.unref(attrs), {
+            value: iconValue.value,
+            onHandleModalVisible: handleModalVisible
+          }), null, 16, ["value"]),
+          vue.createCommentVNode(" icon\u5F39\u7A97 "),
+          vue.createVNode(modal.default, {
+            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 */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=icon-picker.vue2.js.map

package/lib/components/icon-picker/src/icon-picker.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-picker.vue2.js","sources":["../../../../../packages/components/icon-picker/src/icon-picker.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <!-- input组合 -->\n    <search\n      v-bind=\"attrs\"\n      :value=\"iconValue\"\n      @handle-modal-visible=\"handleModalVisible\"\n    />\n    <!-- icon弹窗 -->\n    <modal\n      v-model:visible=\"visible\"\n      :value=\"iconValue\"\n      :data=\"iconList\"\n      @change-icon-value=\"handleChangeValue\"\n    />\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport search from './components/search.vue'\nimport modal from './components/modal.vue'\n\nimport { iconPickerProps } from './config/icon-picker'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlIconPicker'\n})\n\n// 2.props\nconst props = defineProps(iconPickerProps)\n// 3.hooks\nconst attrs = useAttrs() // 传递给input的额外属性\n\n// 4.ref/const\nconst iconValue = ref('')\nconst visible = ref(false)\nconst bem = createNamespace('icon-picker')\n\n// 5.methods\nconst handleModalVisible = (bool: boolean) => (visible.value = bool)\nconst handleChangeValue = (value: string) => (iconValue.value = value)\n\n// 6.watch\nwatch(\n  () => props.value,\n  newValue => {\n    if (newValue) iconValue.value = newValue\n  }\n)\n</script>\n"],"names":["useAttrs","ref","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAGvB,IAAM,MAAA,SAAA,GAAYC,QAAI,EAAE,CAAA,CAAA;AACxB,IAAM,MAAA,OAAA,GAAUA,QAAI,KAAK,CAAA,CAAA;AACzB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,kBAAqB,GAAA,CAAC,IAAmB,KAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAC/D,IAAA,MAAM,iBAAoB,GAAA,CAAC,KAAmB,KAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAGhE,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAY,QAAA,KAAA;AACV,QAAI,IAAA,QAAA;AAAU,UAAA,SAAA,CAAU,KAAQ,GAAA,QAAA,CAAA;AAAA,OAClC;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/index.d.ts

@@ -16,6 +16,7 @@ export * from './form';
 export * from './form-item';
 export * from './icon';
 export * from './icon-base';
+export * from './icon-picker';
 export * from './input';
 export * from './input-number';
 export * from './modal';

package/lib/components/index.js

@@ -16,27 +16,28 @@ var index$d = require('./form/index.js');
 var index$e = require('./form-item/index.js');
 var index$f = require('./icon/index.js');
 var index$g = require('./icon-base/index.js');
-var index$h = require('./input/index.js');
-var index$i = require('./input-number/index.js');
-var index$j = require('./modal/index.js');
-var index$k = require('./operate-icon/index.js');
-var index$l = require('./radio/index.js');
-var index$m = require('./segmented/index.js');
-var index$n = require('./select/index.js');
-var index$o = require('./select-group/index.js');
-var index$p = require('./space/index.js');
-var index$q = require('./steps/index.js');
-var index$r = require('./switch/index.js');
-var index$s = require('./table/index.js');
-var index$t = require('./tabs-simple/index.js');
-var index$u = require('./textarea/index.js');
-var index$v = require('./time-picker/index.js');
-var index$w = require('./time-range/index.js');
-var index$x = require('./tooltip/index.js');
-var index$y = require('./tree-search/index.js');
-var index$z = require('./tree/index.js');
-var index$A = require('./dropdown/index.js');
-var index$B = require('./upload-drag/index.js');
+var index$h = require('./icon-picker/index.js');
+var index$i = require('./input/index.js');
+var index$j = require('./input-number/index.js');
+var index$k = require('./modal/index.js');
+var index$l = require('./operate-icon/index.js');
+var index$m = require('./radio/index.js');
+var index$n = require('./segmented/index.js');
+var index$o = require('./select/index.js');
+var index$p = require('./select-group/index.js');
+var index$q = require('./space/index.js');
+var index$r = require('./steps/index.js');
+var index$s = require('./switch/index.js');
+var index$t = require('./table/index.js');
+var index$u = require('./tabs-simple/index.js');
+var index$v = require('./textarea/index.js');
+var index$w = require('./time-picker/index.js');
+var index$x = require('./time-range/index.js');
+var index$y = require('./tooltip/index.js');
+var index$z = require('./tree-search/index.js');
+var index$A = require('./tree/index.js');
+var index$B = require('./dropdown/index.js');
+var index$C = require('./upload-drag/index.js');
 var advancedFiltering = require('./advanced-filtering/src/advanced-filtering.js');
 var avatar = require('./avatar/src/avatar.js');
 var button = require('./button/src/button.js');
@@ -52,9 +53,12 @@ var form = require('./form/src/config/form.js');
 var components = require('./form/src/config/components.js');
 var icon = require('./icon/src/icon.js');
 var iconBase = require('./icon-base/src/icon-base.js');
+var iconPicker = require('./icon-picker/src/config/icon-picker.js');
+var modal = require('./icon-picker/src/config/modal.js');
+var search = require('./icon-picker/src/config/search.js');
 var input = require('./input/src/input.js');
 var inputNumber = require('./input-number/src/input-number.js');
-var modal = require('./modal/src/modal.js');
+var modal$1 = require('./modal/src/modal.js');
 var operateIcon = require('./operate-icon/src/operate-icon.js');
 var select = require('./select/src/select.js');
 var selectGroup = require('./select-group/src/select-group.js');
@@ -93,32 +97,33 @@ exports.LlForm = index$d.LlForm;
 exports.LlFormItem = index$e.LlFormItem;
 exports.LlIcon = index$f.LlIcon;
 exports.LlIconBase = index$g.LlIconBase;
-exports.LlInput = index$h.LlInput;
-exports.LlInputNumber = index$i.LlInputNumber;
-exports.LlModal = index$j.LlModal;
-exports.LlOperateIcon = index$k.LlOperateIcon;
-exports.LlRadio = index$l.LlRadio;
-exports.LlRadioButton = index$l.LlRadioButton;
-exports.LlRadioGroup = index$l.LlRadioGroup;
-exports.LlSegmented = index$m.LlSegmented;
-exports.LlSelect = index$n.LlSelect;
-exports.LlSelectOptGroup = index$n.LlSelectOptGroup;
-exports.LlSelectOption = index$n.LlSelectOption;
-exports.LlSelectGroup = index$o.LlSelectGroup;
-exports.LlSpace = index$p.LlSpace;
-exports.LlSteps = index$q.LlSteps;
-exports.LlSwitch = index$r.LlSwitch;
-exports.LlTable = index$s.LlTable;
-exports.LlTabsSimple = index$t.LlTabsSimple;
-exports.LlTextarea = index$u.LlTextarea;
-exports.LlTimePicker = index$v.LlTimePicker;
-exports.LlTimeRange = index$w.LlTimeRange;
-exports.LlTooltip = index$x.LlTooltip;
-exports.LlTreeSearch = index$y.LlTreeSearch;
-exports.LlTree = index$z.LlTree;
-exports.LlDropdown = index$A.LlDropdown;
-exports.LlDropdownButton = index$A.LlDropdownButton;
-exports.LlUploadDrag = index$B.LlUploadDrag;
+exports.LlIconPicker = index$h.LlIconPicker;
+exports.LlInput = index$i.LlInput;
+exports.LlInputNumber = index$j.LlInputNumber;
+exports.LlModal = index$k.LlModal;
+exports.LlOperateIcon = index$l.LlOperateIcon;
+exports.LlRadio = index$m.LlRadio;
+exports.LlRadioButton = index$m.LlRadioButton;
+exports.LlRadioGroup = index$m.LlRadioGroup;
+exports.LlSegmented = index$n.LlSegmented;
+exports.LlSelect = index$o.LlSelect;
+exports.LlSelectOptGroup = index$o.LlSelectOptGroup;
+exports.LlSelectOption = index$o.LlSelectOption;
+exports.LlSelectGroup = index$p.LlSelectGroup;
+exports.LlSpace = index$q.LlSpace;
+exports.LlSteps = index$r.LlSteps;
+exports.LlSwitch = index$s.LlSwitch;
+exports.LlTable = index$t.LlTable;
+exports.LlTabsSimple = index$u.LlTabsSimple;
+exports.LlTextarea = index$v.LlTextarea;
+exports.LlTimePicker = index$w.LlTimePicker;
+exports.LlTimeRange = index$x.LlTimeRange;
+exports.LlTooltip = index$y.LlTooltip;
+exports.LlTreeSearch = index$z.LlTreeSearch;
+exports.LlTree = index$A.LlTree;
+exports.LlDropdown = index$B.LlDropdown;
+exports.LlDropdownButton = index$B.LlDropdownButton;
+exports.LlUploadDrag = index$C.LlUploadDrag;
 exports.advancedFilteringEmits = advancedFiltering.advancedFilteringEmits;
 exports.advancedFilteringParamsEmits = advancedFiltering.advancedFilteringParamsEmits;
 exports.advancedFilteringParamsProps = advancedFiltering.advancedFilteringParamsProps;
@@ -144,11 +149,16 @@ exports.checkedType = components.checkedType;
 exports.iconProps = icon.iconProps;
 exports.iconBaseProps = iconBase.iconBaseProps;
 exports.iconTypes = iconBase.iconTypes;
+exports.iconPickerProps = iconPicker.iconPickerProps;
+exports.iconPickerModalEmits = modal.iconPickerModalEmits;
+exports.iconPickerModalProps = modal.iconPickerModalProps;
+exports.iconPickerSearchEmits = search.iconPickerSearchEmits;
+exports.iconPickerSearchProps = search.iconPickerSearchProps;
 exports.inputProps = input.inputProps;
 exports.inputNumberEmits = inputNumber.inputNumberEmits;
 exports.inputNumberProps = inputNumber.inputNumberProps;
-exports.modalEmits = modal.modalEmits;
-exports.modalProps = modal.modalProps;
+exports.modalEmits = modal$1.modalEmits;
+exports.modalProps = modal$1.modalProps;
 exports.operateIconEmits = operateIcon.operateIconEmits;
 exports.operateIconProps = operateIcon.operateIconProps;
 exports.selectOptGroupProps = select.selectOptGroupProps;

package/lib/components/index.js.map

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