ll-plus 2.0.2 → 2.0.3

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

@@ -0,0 +1,182 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var avatar = require('./avatar.js');
+require('../../../utils/index.js');
+var createNamespace = require('../../../utils/create-namespace.js');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LlAvatar" },
+  __name: "avatar",
+  props: avatar.avatarProps,
+  emits: avatar.avatarEmits,
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const bem = createNamespace.createNamespace("avatar");
+    const handleAvatarClick = (item, index) => {
+      emits("click", item, index);
+    };
+    return (_ctx, _cache) => {
+      const _component_ll_icon = vue.resolveComponent("ll-icon");
+      const _component_a_avatar = vue.resolveComponent("a-avatar");
+      const _component_a_avatar_group = vue.resolveComponent("a-avatar-group");
+      const _component_ll_upload_drag = vue.resolveComponent("ll-upload-drag");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(bem).b())
+        },
+        [
+          vue.createCommentVNode(" \u53EF\u4EE5\u4E0A\u4F20 "),
+          _ctx.isCanUpload ? (vue.openBlock(), vue.createBlock(
+            _component_ll_upload_drag,
+            vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.uploadDragProps)),
+            {
+              buttonContent: vue.withCtx(() => [
+                vue.createCommentVNode(" \u5355\u4E2A\u5934\u50CF "),
+                _ctx.type === "single" ? (vue.openBlock(), vue.createBlock(
+                  _component_a_avatar,
+                  vue.mergeProps({ key: 0 }, vue.unref(avatar.avatarProps), {
+                    onClick: _cache[0] || (_cache[0] = ($event) => handleAvatarClick(vue.unref(avatar.avatarProps)))
+                  }),
+                  {
+                    icon: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                        vue.createVNode(_component_ll_icon, { "icon-name": "icon-avatar" })
+                      ])
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  },
+                  16
+                  /* FULL_PROPS */
+                )) : (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: 1 },
+                  [
+                    vue.createCommentVNode(" \u591A\u4E2A\u5934\u50CF\u7EC4\u5408 "),
+                    vue.createVNode(
+                      _component_a_avatar_group,
+                      vue.normalizeProps(vue.guardReactiveProps(_ctx.avatarGroupProps)),
+                      {
+                        default: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                            (vue.openBlock(true), vue.createElementBlock(
+                              vue.Fragment,
+                              null,
+                              vue.renderList(_ctx.groupList, (item, index) => {
+                                return vue.openBlock(), vue.createBlock(_component_a_avatar, vue.mergeProps({ key: index }, item, {
+                                  onClick: ($event) => handleAvatarClick(item, index)
+                                }), {
+                                  icon: vue.withCtx(() => [
+                                    vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-avatar" })
+                                    ])
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1040, ["onClick"]);
+                              }),
+                              128
+                              /* KEYED_FRAGMENT */
+                            ))
+                          ])
+                        ]),
+                        _: 3
+                        /* FORWARDED */
+                      },
+                      16
+                      /* FULL_PROPS */
+                    )
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ]),
+              _: 3
+              /* FORWARDED */
+            },
+            16
+            /* FULL_PROPS */
+          )) : (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 1 },
+            [
+              vue.createCommentVNode(" \u4E0D\u80FD\u4E0A\u4F20 "),
+              vue.createCommentVNode(" \u5355\u4E2A\u5934\u50CF "),
+              _ctx.type === "single" ? (vue.openBlock(), vue.createBlock(
+                _component_a_avatar,
+                vue.mergeProps({ key: 0 }, vue.unref(avatar.avatarProps), {
+                  onClick: _cache[1] || (_cache[1] = ($event) => handleAvatarClick(vue.unref(avatar.avatarProps)))
+                }),
+                {
+                  icon: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-avatar" })
+                    ])
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                },
+                16
+                /* FULL_PROPS */
+              )) : (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 1 },
+                [
+                  vue.createCommentVNode(" \u591A\u4E2A\u5934\u50CF\u7EC4\u5408 "),
+                  vue.createVNode(
+                    _component_a_avatar_group,
+                    vue.normalizeProps(vue.guardReactiveProps(_ctx.avatarGroupProps)),
+                    {
+                      default: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                          (vue.openBlock(true), vue.createElementBlock(
+                            vue.Fragment,
+                            null,
+                            vue.renderList(_ctx.groupList, (item, index) => {
+                              return vue.openBlock(), vue.createBlock(_component_a_avatar, vue.mergeProps({ key: index }, item, {
+                                shape: "square",
+                                onClick: ($event) => handleAvatarClick(item, index)
+                              }), {
+                                icon: vue.withCtx(() => [
+                                  vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                                    vue.createVNode(_component_ll_icon, { "icon-name": "icon-avatar" })
+                                  ])
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1040, ["onClick"]);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ])
+                      ]),
+                      _: 3
+                      /* FORWARDED */
+                    },
+                    16
+                    /* FULL_PROPS */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=avatar.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.vue2.js","sources":["../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <!-- 可以上传 -->\n    <template v-if=\"isCanUpload\">\n      <ll-upload-drag v-bind=\"uploadDragProps\">\n        <template #buttonContent>\n          <!-- 单个头像 -->\n          <template v-if=\"type === 'single'\">\n            <a-avatar\n              v-bind=\"avatarProps\"\n              @click=\"handleAvatarClick(avatarProps)\"\n            >\n              <template #icon>\n                <slot name=\"icon\">\n                  <ll-icon icon-name=\"icon-avatar\" />\n                </slot>\n              </template>\n            </a-avatar>\n          </template>\n          <!-- 多个头像组合 -->\n          <template v-else>\n            <a-avatar-group v-bind=\"avatarGroupProps\">\n              <slot>\n                <a-avatar\n                  v-for=\"(item, index) in groupList\"\n                  :key=\"index\"\n                  v-bind=\"item\"\n                  @click=\"handleAvatarClick(item, index)\"\n                >\n                  <template #icon>\n                    <slot name=\"icon\">\n                      <ll-icon icon-name=\"icon-avatar\" />\n                    </slot>\n                  </template>\n                </a-avatar>\n              </slot>\n            </a-avatar-group>\n          </template>\n        </template>\n      </ll-upload-drag>\n    </template>\n    <!-- 不能上传 -->\n    <template v-else>\n      <!-- 单个头像 -->\n      <template v-if=\"type === 'single'\">\n        <a-avatar v-bind=\"avatarProps\" @click=\"handleAvatarClick(avatarProps)\">\n          <template #icon>\n            <slot name=\"icon\">\n              <ll-icon icon-name=\"icon-avatar\" />\n            </slot>\n          </template>\n        </a-avatar>\n      </template>\n      <!-- 多个头像组合 -->\n      <template v-else>\n        <a-avatar-group v-bind=\"avatarGroupProps\">\n          <slot>\n            <a-avatar\n              v-for=\"(item, index) in groupList\"\n              :key=\"index\"\n              v-bind=\"item\"\n              shape=\"square\"\n              @click=\"handleAvatarClick(item, index)\"\n            >\n              <template #icon>\n                <slot name=\"icon\">\n                  <ll-icon icon-name=\"icon-avatar\" />\n                </slot>\n              </template>\n            </a-avatar>\n          </slot>\n        </a-avatar-group>\n      </template>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { avatarProps, avatarEmits } from './avatar'\nimport { createNamespace } from '@ll-plus/utils'\n// 1.defineOptions\ndefineOptions({ name: 'LlAvatar' })\n\n// 2.props/emits\ndefineProps(avatarProps)\nconst emits = defineEmits(avatarEmits)\n\n// 3.const\nconst bem = createNamespace('avatar')\n\n// 4.methods\nconst handleAvatarClick = (item: any, index?: number) => {\n  emits('click', item, index)\n}\n</script>\n"],"names":["createNamespace"],"mappings":";;;;;;;;;;;;;;;;AAoFA,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,QAAQ,CAAA,CAAA;AAGpC,IAAM,MAAA,iBAAA,GAAoB,CAAC,IAAA,EAAW,KAAmB,KAAA;AACvD,MAAM,KAAA,CAAA,OAAA,EAAS,MAAM,KAAK,CAAA,CAAA;AAAA,KAC5B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,88 @@
+import Button from './src/button.vue';
+export declare const LlButton: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly label: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly icon: {
+        readonly type: import("vue").PropType<{
+            readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+            readonly iconName?: string | undefined;
+            readonly color?: string | undefined;
+        }>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly position: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly label?: string | undefined;
+        readonly icon?: {
+            readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+            readonly iconName?: string | undefined;
+            readonly color?: string | undefined;
+        } | undefined;
+        readonly position?: 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;
+    };
+    attrs: {
+        [x: string]: unknown;
+    };
+    iconDetails: import("vue").ComputedRef<{
+        readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+        readonly iconName?: string | undefined;
+        readonly color?: string | undefined;
+    } | {
+        iconName: string;
+        color: string;
+        size: null;
+    }>;
+    hasIconOnLeft: import("vue").ComputedRef<boolean | "" | undefined>;
+    hasIconOnRight: import("vue").ComputedRef<string | false | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly label: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly icon: {
+        readonly type: import("vue").PropType<{
+            readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+            readonly iconName?: string | undefined;
+            readonly color?: string | undefined;
+        }>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly position: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>>, {}, {}>>;
+export * from './src/button';
+declare module 'vue' {
+    interface GlobalComponents {
+        LlButton: typeof Button;
+    }
+}

package/lib/components/button/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+require('../../utils/index.js');
+var button$1 = require('./src/button.vue.js');
+var button = require('./src/button.js');
+var withInstall = require('../../utils/with-install.js');
+
+"use strict";
+const LlButton = withInstall.withInstall(button$1.default);
+
+exports.buttonProps = button.buttonProps;
+exports.LlButton = LlButton;
+//# sourceMappingURL=index.js.map

package/lib/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/button/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Button from './src/button.vue'\n\nexport const LlButton = withInstall(Button)\n// export default LlButton\nexport * from './src/button'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlButton: typeof Button\n  }\n}\n"],"names":["withInstall","Button"],"mappings":";;;;;;;;AAIa,MAAA,QAAA,GAAWA,wBAAYC,gBAAM;;;;;"}

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

@@ -0,0 +1,28 @@
+import type { ExtractPropTypes } from 'vue';
+import type Button from './button.vue';
+export declare const buttonProps: {
+    readonly label: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly icon: {
+        readonly type: import("vue").PropType<{
+            readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+            readonly iconName?: string | undefined;
+            readonly color?: string | undefined;
+        }>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly position: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
+export type ButtonInstance = InstanceType<typeof Button>;

package/lib/components/button/src/button.js

@@ -0,0 +1,29 @@
+'use strict';
+
+require('../../../utils/index.js');
+var runtime = require('../../../utils/props/runtime.js');
+
+"use strict";
+const buttonProps = runtime.buildProps({
+  /**
+   * @description button的文本
+   */
+  label: {
+    type: String
+  },
+  /**
+   * @description svg 的 fill 颜色
+   */
+  icon: {
+    type: runtime.definePropType(Object)
+  },
+  /**
+   * @description SVG 图标的大小，size x size
+   */
+  position: {
+    type: String
+  }
+});
+
+exports.buttonProps = buttonProps;
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Button from './button.vue'\nimport type { IconProps } from '@ll-plus/components'\n\nexport const buttonProps = buildProps({\n  /**\n   * @description button的文本\n   */\n  label: {\n    type: String\n  },\n  /**\n   * @description svg 的 fill 颜色\n   */\n  icon: {\n    type: definePropType<IconProps>(Object)\n  },\n  /**\n   * @description SVG 图标的大小，size x size\n   */\n  position: {\n    type: String\n  }\n} as const)\n\n// props\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps> // ExtractPropTypes和defineCpmponent类似\n\n// instance\nexport type ButtonInstance = InstanceType<typeof Button>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAMO,MAAM,cAAcA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAA0B,MAAM,CAAA;AAAA,GACxC;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU;;;;"}

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

@@ -0,0 +1,82 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly label: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly icon: {
+        readonly type: import("vue").PropType<{
+            readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+            readonly iconName?: string | undefined;
+            readonly color?: string | undefined;
+        }>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly position: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly label?: string | undefined;
+        readonly icon?: {
+            readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+            readonly iconName?: string | undefined;
+            readonly color?: string | undefined;
+        } | undefined;
+        readonly position?: 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;
+    };
+    attrs: {
+        [x: string]: unknown;
+    };
+    iconDetails: import("vue").ComputedRef<{
+        readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+        readonly iconName?: string | undefined;
+        readonly color?: string | undefined;
+    } | {
+        iconName: string;
+        color: string;
+        size: null;
+    }>;
+    hasIconOnLeft: import("vue").ComputedRef<boolean | "" | undefined>;
+    hasIconOnRight: import("vue").ComputedRef<string | false | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly label: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly icon: {
+        readonly type: import("vue").PropType<{
+            readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+            readonly iconName?: string | undefined;
+            readonly color?: string | undefined;
+        }>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly position: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/lib/components/button/src/button.vue.js

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

package/lib/components/button/src/button.vue.js.map

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

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

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../utils/index.js');
+var button = require('./button.js');
+var createNamespace = require('../../../utils/create-namespace.js');
+
+"use strict";
+const _hoisted_1 = { key: 0 };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LlButton" },
+  __name: "button",
+  props: button.buttonProps,
+  setup(__props) {
+    const props = __props;
+    const bem = createNamespace.createNamespace("button");
+    const attrs = vue.useAttrs();
+    const iconDetails = vue.computed(() => {
+      return props.icon || { iconName: "", color: "inherit", size: null };
+    });
+    const hasIconOnLeft = vue.computed(() => {
+      return iconDetails.value.iconName && (!props.position || props.position === "left");
+    });
+    const hasIconOnRight = vue.computed(() => {
+      return props.position === "right" && iconDetails.value.iconName;
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_icon = vue.resolveComponent("ll-icon");
+      const _component_a_button = vue.resolveComponent("a-button");
+      return vue.openBlock(), vue.createBlock(_component_a_button, vue.mergeProps({
+        class: vue.unref(bem).b()
+      }, vue.unref(attrs)), vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            _ctx.label ? (vue.openBlock(), vue.createElementBlock(
+              "span",
+              _hoisted_1,
+              vue.toDisplayString(_ctx.label),
+              1
+              /* TEXT */
+            )) : vue.createCommentVNode("v-if", true)
+          ]),
+          hasIconOnRight.value ? (vue.openBlock(), vue.createBlock(_component_ll_icon, {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(bem).e("icon-right")),
+            "icon-name": iconDetails.value.iconName,
+            color: iconDetails.value.color || "inherit",
+            size: iconDetails.value.size
+          }, null, 8, ["class", "icon-name", "color", "size"])) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        hasIconOnLeft.value ? {
+          name: "icon",
+          fn: vue.withCtx(() => [
+            vue.createVNode(_component_ll_icon, {
+              class: vue.normalizeClass(vue.unref(bem).e("icon-left")),
+              "icon-name": iconDetails.value.iconName,
+              color: iconDetails.value.color || "inherit",
+              size: iconDetails.value.size
+            }, null, 8, ["class", "icon-name", "color", "size"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=button.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue2.js","sources":["../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <a-button :class=\"bem.b()\" v-bind=\"attrs\">\n    <template v-if=\"hasIconOnLeft\" #icon>\n      <ll-icon\n        :class=\"bem.e('icon-left')\"\n        :icon-name=\"iconDetails.iconName\"\n        :color=\"iconDetails.color || 'inherit'\"\n        :size=\"iconDetails.size\"\n      />\n    </template>\n    <slot>\n      <template v-if=\"label\">\n        <span>{{ label }}</span>\n      </template>\n    </slot>\n    <template v-if=\"hasIconOnRight\">\n      <ll-icon\n        :class=\"bem.e('icon-right')\"\n        :icon-name=\"iconDetails.iconName\"\n        :color=\"iconDetails.color || 'inherit'\"\n        :size=\"iconDetails.size\"\n      />\n    </template>\n  </a-button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { buttonProps } from './button'\n\ndefineOptions({ name: 'LlButton' })\nconst props = defineProps(buttonProps)\nconst bem = createNamespace('button')\n\nconst attrs = useAttrs()\n\nconst iconDetails = computed(() => {\n  return props.icon || { iconName: '', color: 'inherit', size: null }\n})\n\nconst hasIconOnLeft = computed(() => {\n  return (\n    iconDetails.value.iconName && (!props.position || props.position === 'left')\n  )\n})\n\nconst hasIconOnRight = computed(() => {\n  return props.position === 'right' && iconDetails.value.iconName\n})\n</script>\n"],"names":["createNamespace","useAttrs","computed"],"mappings":";;;;;;;;;;;;;;;;AAkCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,QAAQ,CAAA,CAAA;AAEpC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,WAAA,GAAcC,aAAS,MAAM;AACjC,MAAO,OAAA,KAAA,CAAM,QAAQ,EAAE,QAAA,EAAU,IAAI,KAAO,EAAA,SAAA,EAAW,MAAM,IAAK,EAAA,CAAA;AAAA,KACnE,CAAA,CAAA;AAED,IAAM,MAAA,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,OACE,YAAY,KAAM,CAAA,QAAA,KAAa,CAAC,KAAM,CAAA,QAAA,IAAY,MAAM,QAAa,KAAA,MAAA,CAAA,CAAA;AAAA,KAExE,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiBA,aAAS,MAAM;AACpC,MAAA,OAAO,KAAM,CAAA,QAAA,KAAa,OAAW,IAAA,WAAA,CAAY,KAAM,CAAA,QAAA,CAAA;AAAA,KACxD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}