code-monkey-ui 1.1.4-alpha.7 → 1.1.4-alpha.9

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n      @error=\"handleError\"\n    />\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElIcon } from '@code-monkey-ui/components/icon'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { addUnit, isNumber, isString } from '@code-monkey-ui/utils'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElAvatar',\n})\n\nconst props = defineProps(avatarProps)\nconst emit = defineEmits(avatarEmits)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst avatarClass = computed(() => {\n  const { size, icon, shape } = props\n  const classList = [ns.b()]\n  if (isString(size)) classList.push(ns.m(size))\n  if (icon) classList.push(ns.m('icon'))\n  if (shape) classList.push(ns.m(shape))\n  return classList\n})\n\nconst sizeStyle = computed(() => {\n  const { size } = props\n  return isNumber(size)\n    ? (ns.cssVarBlock({\n        size: addUnit(size) || '',\n      }) as CSSProperties)\n    : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n  objectFit: props.fit,\n}))\n\n// need reset hasLoadError to false if src changed\nwatch(\n  () => props.src,\n  () => (hasLoadError.value = false)\n)\n\nfunction handleError(e: Event) {\n  hasLoadError.value = true\n  emit('error', e)\n}\n</script>\n"],"names":["useNamespace","ref","computed","isString","isNumber","addUnit","watch"],"mappings":";;;;;;;;;;;;;;;;uCA0Bc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,YAAA,GAAeC,QAAI,KAAK,CAAA,CAAA;AAE9B,IAAM,MAAA,WAAA,GAAcC,aAAS,MAAM;AACjC,MAAM,MAAA,EAAE,IAAM,EAAA,IAAA,EAAM,KAAU,EAAA,GAAA,KAAA,CAAA;AAC9B,MAAA,MAAM,SAAY,GAAA,CAAC,EAAG,CAAA,CAAA,EAAG,CAAA,CAAA;AACzB,MAAA,IAAIC,gBAAS,IAAI,CAAA;AAAG,QAAA,SAAA,CAAU,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,IAAI,CAAC,CAAA,CAAA;AAC7C,MAAI,IAAA,IAAA;AAAM,QAAA,SAAA,CAAU,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,MAAM,CAAC,CAAA,CAAA;AACrC,MAAI,IAAA,KAAA;AAAO,QAAA,SAAA,CAAU,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,KAAK,CAAC,CAAA,CAAA;AACrC,MAAO,OAAA,SAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYD,aAAS,MAAM;AAC/B,MAAA,MAAM,EAAE,IAAS,EAAA,GAAA,KAAA,CAAA;AACjB,MAAA,OAAOE,cAAS,CAAA,IAAI,CACf,GAAA,EAAA,CAAG,WAAY,CAAA;AAAA,QACd,IAAA,EAAMC,aAAQ,CAAA,IAAI,CAAK,IAAA,EAAA;AAAA,OACxB,CACD,GAAA,KAAA,CAAA,CAAA;AAAA,KACL,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWH,aAAwB,OAAO;AAAA,MAC9C,WAAW,KAAM,CAAA,GAAA;AAAA,KACjB,CAAA,CAAA,CAAA;AAGF,IAAAI,SAAA,CACE,MAAM,KAAM,CAAA,GAAA,EACZ,MAAO,YAAA,CAAa,QAAQ,KAC9B,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,CAAqB,CAAU,EAAA;AAC7B,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,MAAA,IAAA,CAAK,SAAS,CAAC,CAAA,CAAA;AAAA,KACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"avatar.js","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isNumber,\n} from '@code-monkey-ui/utils'\nimport { componentSizes } from '@code-monkey-ui/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ObjectFitProperty } from 'csstype'\n\nexport const avatarProps = buildProps({\n  /**\n   * @description avatar size.\n   */\n  size: {\n    type: [Number, String],\n    values: componentSizes,\n    default: '',\n    validator: (val: unknown): val is number => isNumber(val),\n  },\n  /**\n   * @description avatar shape.\n   */\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n    default: 'circle',\n  },\n  /**\n   * @description representation type to icon, more info on icon component.\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description the source of the image for an image avatar.\n   */\n  src: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description native attribute `alt` of image avatar.\n   */\n  alt: String,\n  /**\n   * @description native attribute srcset of image avatar.\n   */\n  srcSet: String,\n  /**\n   * @description set how the image fit its container for an image avatar.\n   */\n  fit: {\n    type: definePropType<ObjectFitProperty>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\n\nexport const avatarEmits = {\n  error: (evt: Event) => evt instanceof Event,\n}\nexport type AvatarEmits = typeof avatarEmits\n"],"names":["buildProps","componentSizes","isNumber","iconPropType","definePropType"],"mappings":";;;;;;;;;;;AAOY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,MAAM,EAAEC,mBAAc;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,SAAS,EAAE,CAAC,GAAG,KAAKC,cAAQ,CAAC,GAAG,CAAC;AACrC,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAChC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACtC;;;;;"}

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

@@ -2,43 +2,77 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+require('../../../hooks/index.js');
 require('../../../utils/index.js');
-require('../../../constants/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var size = require('../../../constants/size.js');
+var avatar = require('./avatar.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var shared = require('@vue/shared');
 var types = require('../../../utils/types.js');
-var icon = require('../../../utils/vue/icon.js');
+var style = require('../../../utils/dom/style.js');
 
-const avatarProps = runtime.buildProps({
-  size: {
-    type: [Number, String],
-    values: size.componentSizes,
-    default: "",
-    validator: (val) => types.isNumber(val)
-  },
-  shape: {
-    type: String,
-    values: ["circle", "square"],
-    default: "circle"
-  },
-  icon: {
-    type: icon.iconPropType
-  },
-  src: {
-    type: String,
-    default: ""
-  },
-  alt: String,
-  srcSet: String,
-  fit: {
-    type: runtime.definePropType(String),
-    default: "cover"
+const _hoisted_1 = ["src", "alt", "srcset"];
+const __default__ = vue.defineComponent({
+  name: "ElAvatar"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: avatar.avatarProps,
+  emits: avatar.avatarEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = index.useNamespace("avatar");
+    const hasLoadError = vue.ref(false);
+    const avatarClass = vue.computed(() => {
+      const { size, icon, shape } = props;
+      const classList = [ns.b()];
+      if (shared.isString(size))
+        classList.push(ns.m(size));
+      if (icon)
+        classList.push(ns.m("icon"));
+      if (shape)
+        classList.push(ns.m(shape));
+      return classList;
+    });
+    const sizeStyle = vue.computed(() => {
+      const { size } = props;
+      return types.isNumber(size) ? ns.cssVarBlock({
+        size: style.addUnit(size) || ""
+      }) : void 0;
+    });
+    const fitStyle = vue.computed(() => ({
+      objectFit: props.fit
+    }));
+    vue.watch(() => props.src, () => hasLoadError.value = false);
+    function handleError(e) {
+      hasLoadError.value = true;
+      emit("error", e);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(avatarClass)),
+        style: vue.normalizeStyle(vue.unref(sizeStyle))
+      }, [
+        (_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 0,
+          src: _ctx.src,
+          alt: _ctx.alt,
+          srcset: _ctx.srcSet,
+          style: vue.normalizeStyle(vue.unref(fitStyle)),
+          onError: handleError
+        }, null, 44, _hoisted_1)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+          ]),
+          _: 1
+        })) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
+      ], 6);
+    };
   }
 });
-const avatarEmits = {
-  error: (evt) => evt instanceof Event
-};
+var Avatar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\avatar\\src\\avatar.vue"]]);
 
-exports.avatarEmits = avatarEmits;
-exports.avatarProps = avatarProps;
+exports["default"] = Avatar;
 //# sourceMappingURL=avatar2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar2.js","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isNumber,\n} from '@code-monkey-ui/utils'\nimport { componentSizes } from '@code-monkey-ui/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ObjectFitProperty } from 'csstype'\n\nexport const avatarProps = buildProps({\n  /**\n   * @description avatar size.\n   */\n  size: {\n    type: [Number, String],\n    values: componentSizes,\n    default: '',\n    validator: (val: unknown): val is number => isNumber(val),\n  },\n  /**\n   * @description avatar shape.\n   */\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n    default: 'circle',\n  },\n  /**\n   * @description representation type to icon, more info on icon component.\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description the source of the image for an image avatar.\n   */\n  src: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description native attribute `alt` of image avatar.\n   */\n  alt: String,\n  /**\n   * @description native attribute srcset of image avatar.\n   */\n  srcSet: String,\n  /**\n   * @description set how the image fit its container for an image avatar.\n   */\n  fit: {\n    type: definePropType<ObjectFitProperty>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\n\nexport const avatarEmits = {\n  error: (evt: Event) => evt instanceof Event,\n}\nexport type AvatarEmits = typeof avatarEmits\n"],"names":["buildProps","componentSizes","isNumber","iconPropType","definePropType"],"mappings":";;;;;;;;;;;AAOY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,MAAM,EAAEC,mBAAc;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,SAAS,EAAE,CAAC,GAAG,KAAKC,cAAQ,CAAC,GAAG,CAAC;AACrC,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAChC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACtC;;;;;"}
+{"version":3,"file":"avatar2.js","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n      @error=\"handleError\"\n    />\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElIcon } from '@code-monkey-ui/components/icon'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { addUnit, isNumber, isString } from '@code-monkey-ui/utils'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElAvatar',\n})\n\nconst props = defineProps(avatarProps)\nconst emit = defineEmits(avatarEmits)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst avatarClass = computed(() => {\n  const { size, icon, shape } = props\n  const classList = [ns.b()]\n  if (isString(size)) classList.push(ns.m(size))\n  if (icon) classList.push(ns.m('icon'))\n  if (shape) classList.push(ns.m(shape))\n  return classList\n})\n\nconst sizeStyle = computed(() => {\n  const { size } = props\n  return isNumber(size)\n    ? (ns.cssVarBlock({\n        size: addUnit(size) || '',\n      }) as CSSProperties)\n    : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n  objectFit: props.fit,\n}))\n\n// need reset hasLoadError to false if src changed\nwatch(\n  () => props.src,\n  () => (hasLoadError.value = false)\n)\n\nfunction handleError(e: Event) {\n  hasLoadError.value = true\n  emit('error', e)\n}\n</script>\n"],"names":["useNamespace","ref","computed","isString","isNumber","addUnit","watch"],"mappings":";;;;;;;;;;;;;;;;uCA0Bc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,YAAA,GAAeC,QAAI,KAAK,CAAA,CAAA;AAE9B,IAAM,MAAA,WAAA,GAAcC,aAAS,MAAM;AACjC,MAAM,MAAA,EAAE,IAAM,EAAA,IAAA,EAAM,KAAU,EAAA,GAAA,KAAA,CAAA;AAC9B,MAAA,MAAM,SAAY,GAAA,CAAC,EAAG,CAAA,CAAA,EAAG,CAAA,CAAA;AACzB,MAAA,IAAIC,gBAAS,IAAI,CAAA;AAAG,QAAA,SAAA,CAAU,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,IAAI,CAAC,CAAA,CAAA;AAC7C,MAAI,IAAA,IAAA;AAAM,QAAA,SAAA,CAAU,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,MAAM,CAAC,CAAA,CAAA;AACrC,MAAI,IAAA,KAAA;AAAO,QAAA,SAAA,CAAU,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,KAAK,CAAC,CAAA,CAAA;AACrC,MAAO,OAAA,SAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYD,aAAS,MAAM;AAC/B,MAAA,MAAM,EAAE,IAAS,EAAA,GAAA,KAAA,CAAA;AACjB,MAAA,OAAOE,cAAS,CAAA,IAAI,CACf,GAAA,EAAA,CAAG,WAAY,CAAA;AAAA,QACd,IAAA,EAAMC,aAAQ,CAAA,IAAI,CAAK,IAAA,EAAA;AAAA,OACxB,CACD,GAAA,KAAA,CAAA,CAAA;AAAA,KACL,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWH,aAAwB,OAAO;AAAA,MAC9C,WAAW,KAAM,CAAA,GAAA;AAAA,KACjB,CAAA,CAAA,CAAA;AAGF,IAAAI,SAAA,CACE,MAAM,KAAM,CAAA,GAAA,EACZ,MAAO,YAAA,CAAa,QAAQ,KAC9B,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,CAAqB,CAAU,EAAA;AAC7B,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,MAAA,IAAA,CAAK,SAAS,CAAC,CAAA,CAAA;AAAA,KACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/badge/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var badge$1 = require('./src/badge2.js');
-var badge = require('./src/badge.js');
+var badge$1 = require('./src/badge.js');
+var badge = require('./src/badge2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElBadge = install.withInstall(badge$1["default"]);

package/lib/components/badge/src/badge.js

@@ -2,26 +2,64 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+require('../../../hooks/index.js');
 require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var badge = require('./badge2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var types = require('../../../utils/types.js');
 
-const badgeProps = runtime.buildProps({
-  value: {
-    type: [String, Number],
-    default: ""
-  },
-  max: {
-    type: Number,
-    default: 99
-  },
-  isDot: Boolean,
-  hidden: Boolean,
-  type: {
-    type: String,
-    values: ["primary", "success", "warning", "info", "danger"],
-    default: "danger"
+const _hoisted_1 = ["textContent"];
+const __default__ = vue.defineComponent({
+  name: "ElBadge"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: badge.badgeProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const ns = index.useNamespace("badge");
+    const content = vue.computed(() => {
+      if (props.isDot)
+        return "";
+      if (types.isNumber(props.value) && types.isNumber(props.max)) {
+        return props.max < props.value ? `${props.max}+` : `${props.value}`;
+      }
+      return `${props.value}`;
+    });
+    expose({
+      content
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        vue.renderSlot(_ctx.$slots, "default"),
+        vue.createVNode(vue.Transition, {
+          name: `${vue.unref(ns).namespace.value}-zoom-in-center`,
+          persisted: ""
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("sup", {
+              class: vue.normalizeClass([
+                vue.unref(ns).e("content"),
+                vue.unref(ns).em("content", _ctx.type),
+                vue.unref(ns).is("fixed", !!_ctx.$slots.default),
+                vue.unref(ns).is("dot", _ctx.isDot)
+              ]),
+              textContent: vue.toDisplayString(vue.unref(content))
+            }, null, 10, _hoisted_1), [
+              [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
+            ])
+          ]),
+          _: 1
+        }, 8, ["name"])
+      ], 2);
+    };
   }
 });
+var Badge = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\badge\\src\\badge.vue"]]);
 
-exports.badgeProps = badgeProps;
+exports["default"] = Badge;
 //# sourceMappingURL=badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps } from '@code-monkey-ui/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const badgeProps = buildProps({\n  /**\n   * @description display value.\n   */\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.\n   */\n  max: {\n    type: Number,\n    default: 99,\n  },\n  /**\n   * @description if a little dot is displayed.\n   */\n  isDot: Boolean,\n  /**\n   * @description hidden badge.\n   */\n  hidden: Boolean,\n  /**\n   * @description badge type.\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC/D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"badge.js","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot />\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-show=\"!hidden && (content || isDot)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n        ]\"\n        v-text=\"content\"\n      />\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { isNumber } from '@code-monkey-ui/utils'\nimport { badgeProps } from './badge'\n\ndefineOptions({\n  name: 'ElBadge',\n})\n\nconst props = defineProps(badgeProps)\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n  if (props.isDot) return ''\n\n  if (isNumber(props.value) && isNumber(props.max)) {\n    return props.max < props.value ? `${props.max}+` : `${props.value}`\n  }\n  return `${props.value}`\n})\n\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"names":["useNamespace","computed","isNumber"],"mappings":";;;;;;;;;;;;;uCAwBc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAUC,aAAiB,MAAM;AACrC,MAAA,IAAI,KAAM,CAAA,KAAA;AAAO,QAAO,OAAA,EAAA,CAAA;AAExB,MAAA,IAAIC,eAAS,KAAM,CAAA,KAAK,KAAKA,cAAS,CAAA,KAAA,CAAM,GAAG,CAAG,EAAA;AAChD,QAAO,OAAA,KAAA,CAAM,MAAM,KAAM,CAAA,KAAA,GAAQ,GAAG,KAAM,CAAA,GAAA,CAAA,CAAA,CAAA,GAAS,GAAG,KAAM,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,OAC9D;AACA,MAAA,OAAO,GAAG,KAAM,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KACjB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAEX,OAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/badge/src/badge2.js

@@ -2,64 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
 require('../../../utils/index.js');
-var badge = require('./badge.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var types = require('../../../utils/types.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["textContent"];
-const __default__ = vue.defineComponent({
-  name: "ElBadge"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: badge.badgeProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const ns = index.useNamespace("badge");
-    const content = vue.computed(() => {
-      if (props.isDot)
-        return "";
-      if (types.isNumber(props.value) && types.isNumber(props.max)) {
-        return props.max < props.value ? `${props.max}+` : `${props.value}`;
-      }
-      return `${props.value}`;
-    });
-    expose({
-      content
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(ns).b())
-      }, [
-        vue.renderSlot(_ctx.$slots, "default"),
-        vue.createVNode(vue.Transition, {
-          name: `${vue.unref(ns).namespace.value}-zoom-in-center`,
-          persisted: ""
-        }, {
-          default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("sup", {
-              class: vue.normalizeClass([
-                vue.unref(ns).e("content"),
-                vue.unref(ns).em("content", _ctx.type),
-                vue.unref(ns).is("fixed", !!_ctx.$slots.default),
-                vue.unref(ns).is("dot", _ctx.isDot)
-              ]),
-              textContent: vue.toDisplayString(vue.unref(content))
-            }, null, 10, _hoisted_1), [
-              [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
-            ])
-          ]),
-          _: 1
-        }, 8, ["name"])
-      ], 2);
-    };
+const badgeProps = runtime.buildProps({
+  value: {
+    type: [String, Number],
+    default: ""
+  },
+  max: {
+    type: Number,
+    default: 99
+  },
+  isDot: Boolean,
+  hidden: Boolean,
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger"],
+    default: "danger"
   }
 });
-var Badge = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\badge\\src\\badge.vue"]]);
 
-exports["default"] = Badge;
+exports.badgeProps = badgeProps;
 //# sourceMappingURL=badge2.js.map

package/lib/components/badge/src/badge2.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge2.js","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot />\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-show=\"!hidden && (content || isDot)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n        ]\"\n        v-text=\"content\"\n      />\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { isNumber } from '@code-monkey-ui/utils'\nimport { badgeProps } from './badge'\n\ndefineOptions({\n  name: 'ElBadge',\n})\n\nconst props = defineProps(badgeProps)\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n  if (props.isDot) return ''\n\n  if (isNumber(props.value) && isNumber(props.max)) {\n    return props.max < props.value ? `${props.max}+` : `${props.value}`\n  }\n  return `${props.value}`\n})\n\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"names":["useNamespace","computed","isNumber"],"mappings":";;;;;;;;;;;;;uCAwBc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAUC,aAAiB,MAAM;AACrC,MAAA,IAAI,KAAM,CAAA,KAAA;AAAO,QAAO,OAAA,EAAA,CAAA;AAExB,MAAA,IAAIC,eAAS,KAAM,CAAA,KAAK,KAAKA,cAAS,CAAA,KAAA,CAAM,GAAG,CAAG,EAAA;AAChD,QAAO,OAAA,KAAA,CAAM,MAAM,KAAM,CAAA,KAAA,GAAQ,GAAG,KAAM,CAAA,GAAA,CAAA,CAAA,CAAA,GAAS,GAAG,KAAM,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,OAC9D;AACA,MAAA,OAAO,GAAG,KAAM,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KACjB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAEX,OAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"badge2.js","sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps } from '@code-monkey-ui/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const badgeProps = buildProps({\n  /**\n   * @description display value.\n   */\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.\n   */\n  max: {\n    type: Number,\n    default: 99,\n  },\n  /**\n   * @description if a little dot is displayed.\n   */\n  isDot: Boolean,\n  /**\n   * @description hidden badge.\n   */\n  hidden: Boolean,\n  /**\n   * @description badge type.\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC/D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC;;;;"}

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

@@ -1,7 +1,12 @@
 export declare const ElBatch: import("code-monkey-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly options: import("code-monkey-ui/es/utils").EpPropFinalized<() => any[], unknown, unknown, () => never[], boolean>;
     readonly width: import("code-monkey-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 400, boolean>;
-    readonly size: import("code-monkey-ui/es/utils").EpPropFinalized<() => "default" | "small" | "large", unknown, unknown, "default", boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly disabled: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly minRows: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
     readonly maxRows: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
@@ -16,29 +21,15 @@ export declare const ElBatch: import("code-monkey-ui/es/utils").SFCWithInstall<i
     readonly rows: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 50, boolean>;
     readonly needTag: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }, {
-    ns: {
-        namespace: import("vue").ComputedRef<string>;
-        b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-        is: {
-            (name: string, state: boolean | undefined): string;
-            (name: string): string;
-        };
-        cssVar: (object: Record<string, string>) => Record<string, string>;
-        cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-        cssVarBlockName: (name: string) => string;
-    };
-    emit: ((event: "search", val: object) => void) & ((event: "optionsChange", val: any) => void) & ((event: "multipleSearch", val: object) => void);
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly options: import("code-monkey-ui/es/utils").EpPropFinalized<() => any[], unknown, unknown, () => never[], boolean>;
         readonly width: import("code-monkey-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 400, boolean>;
-        readonly size: import("code-monkey-ui/es/utils").EpPropFinalized<() => "default" | "small" | "large", unknown, unknown, "default", boolean>;
+        readonly size: {
+            readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
         readonly disabled: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly minRows: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
         readonly maxRows: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
@@ -57,7 +48,30 @@ export declare const ElBatch: import("code-monkey-ui/es/utils").SFCWithInstall<i
         onOptionsChange?: ((val: any) => any) | undefined;
         onMultipleSearch?: ((val: object) => any) | undefined;
     }>>;
+    useSize: {
+        size: import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
+    };
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    emit: ((event: "search", val: object) => void) & ((event: "optionsChange", val: any) => void) & ((event: "multipleSearch", val: object) => void);
     disabled: import("vue").ComputedRef<boolean>;
+    _size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     userAttrs: {
         [x: string]: unknown;
     };
@@ -24574,7 +24588,12 @@ export declare const ElBatch: import("code-monkey-ui/es/utils").SFCWithInstall<i
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly options: import("code-monkey-ui/es/utils").EpPropFinalized<() => any[], unknown, unknown, () => never[], boolean>;
     readonly width: import("code-monkey-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 400, boolean>;
-    readonly size: import("code-monkey-ui/es/utils").EpPropFinalized<() => "default" | "small" | "large", unknown, unknown, "default", boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly disabled: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly minRows: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
     readonly maxRows: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
@@ -24594,7 +24613,6 @@ export declare const ElBatch: import("code-monkey-ui/es/utils").SFCWithInstall<i
     onMultipleSearch?: ((val: object) => any) | undefined;
 }, {
     readonly width: import("code-monkey-ui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly size: import("code-monkey-ui/es/utils").EpPropMergeType<() => "default" | "small" | "large", unknown, unknown>;
     readonly disabled: import("code-monkey-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly options: any[];
     readonly minRows: number;

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

@@ -3,7 +3,12 @@ import type Batch from './batch.vue';
 export declare const batchProps: {
     readonly options: import("code-monkey-ui/es/utils").EpPropFinalized<() => any[], unknown, unknown, () => never[], boolean>;
     readonly width: import("code-monkey-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 400, boolean>;
-    readonly size: import("code-monkey-ui/es/utils").EpPropFinalized<() => 'large' | 'default' | 'small', unknown, unknown, "default", boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly disabled: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly minRows: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
     readonly maxRows: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;

package/lib/components/batch/src/batch.js

@@ -28,11 +28,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: batch.batchProps,
   emits: batch.batchEmits,
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     var _a;
     const props = __props;
+    const useSize = vue.reactive({
+      size: vue.toRef(props, "size")
+    });
     const ns = index.useNamespace("batch");
-    const { disabled } = useBatch.useBatch(props);
+    const { disabled, _size } = useBatch.useBatch(props, useSize.size);
     const userAttrs = vue.useAttrs();
     const textareaRef = vue.ref();
     const userAttrsCopy = vue.reactive({ ...userAttrs });
@@ -156,9 +159,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const handleCloseTag = () => {
       tagShow.value = false;
     };
+    expose({
+      size: props.size
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", vue.unref(disabled)), vue.unref(ns).m(_ctx.size)]),
+        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", vue.unref(disabled)), vue.unref(ns).m(vue.unref(_size))]),
         style: vue.normalizeStyle({ "max-width": _ctx.width + "px" })
       }, [
         vue.createVNode(vue.unref(index$2.ElInput), vue.mergeProps({

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

@@ -1 +1 @@
-{"version":3,"file":"batch.js","sources":["../../../../../../packages/components/batch/src/batch.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.m(size)]\"\n    :style=\"{ 'max-width': width + 'px' }\"\n  >\n    <el-input\n      ref=\"inputRef\"\n      v-model=\"searchValue\"\n      clearable\n      v-bind=\"userAttrsCopy\"\n      :disabled=\"disabled\"\n      :class=\"ns.e('input')\"\n      :style=\"{ width: width + 'px' }\"\n      @click=\"handleFocus\"\n    >\n      <template #prepend>\n        <el-select\n          ref=\"selectRef\"\n          v-model=\"optionValue\"\n          style=\"height: 100%\"\n          :class=\"[ns.e('select'), ns.is('disabled', disabled)]\"\n          :disabled=\"disabled\"\n          @change=\"changeOption\"\n        >\n          <template #prefix>\n            <span :class=\"ns.is('empty', options.length <= 0)\">\n              {{\n                options.find((s) => s.value === optionValue)?.label ?? emptyText\n              }}\n            </span>\n          </template>\n          <el-option\n            v-for=\"item in options\"\n            :key=\"item.value\"\n            :label=\"item[labelValue.label]\"\n            :value=\"item[labelValue.value]\"\n          />\n        </el-select>\n      </template>\n      <template #suffix>\n        <el-icon :class=\"ns.e('batch-icon')\" @click.stop=\"handleSearch\"\n          ><Search\n        /></el-icon>\n        <el-popover\n          effect=\"light\"\n          placement=\"bottom-end\"\n          :popper-class=\"ns.e('batch-popper')\"\n          :class=\"ns.e('batch-tooltip')\"\n          :visible=\"tooltipVisible\"\n          :offset=\"20\"\n          :width=\"Number(width) - selectWidth\"\n        >\n          <el-input\n            ref=\"textareaRef\"\n            v-model=\"inputValue\"\n            resize=\"none\"\n            :autosize=\"{ minRows: minRows, maxRows: 12 }\"\n            :class=\"ns.e('textarea')\"\n            :placeholder=\"'精确搜索，一行一项，最多支持' + rows + '行'\"\n            type=\"textarea\"\n            @keydown.enter=\"handleEnterKey\"\n            @input=\"handleTextareaInput\"\n          />\n          <div :class=\"ns.e('controls')\">\n            <el-button size=\"small\" plain @click.stop=\"handleClear\"\n              >清空</el-button\n            >\n            <div>\n              <el-button size=\"small\" plain @click.stop=\"handleClose\"\n                >关闭</el-button\n              >\n              <el-button\n                size=\"small\"\n                :class=\"ns.e('search-button')\"\n                plain\n                @click.stop=\"handleMultipleSearch\"\n                >搜索</el-button\n              >\n            </div>\n          </div>\n          <template #reference>\n            <el-icon :class=\"ns.e('tooltip-icon')\" @click.stop=\"showTooltip\"\n              ><Operation\n            /></el-icon>\n          </template>\n        </el-popover>\n      </template>\n    </el-input>\n    <div v-show=\"tagShow\" :class=\"ns.e('tag')\">\n      <el-popover\n        :width=\"Number(width) - selectWidth\"\n        :popper-class=\"ns.e('batch-popper')\"\n        effect=\"light\"\n        placement=\"bottom-start\"\n      >\n        <div\n          :class=\"ns.e('tag-content')\"\n          :style=\"{ 'min-width': Number(width) - selectWidth + 'px' }\"\n        >\n          <el-scrollbar>\n            <p v-for=\"item in multipleSearchValue\" :key=\"item\">{{ item }}</p>\n          </el-scrollbar>\n        </div>\n        <template #reference>\n          <el-tag closable @close=\"handleCloseTag\"\n            >{{ selectedLabel }}：{{\n              multipleSearchValue.slice(0, 3).join(', ')\n            }}\n            等{{ multipleSearchValue.length }}项\n          </el-tag>\n        </template>\n      </el-popover>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { nextTick, onMounted, reactive, ref, useAttrs } from 'vue'\nimport { Operation, Search } from '@element-plus/icons-vue'\nimport { ElMessage } from '@code-monkey-ui/components/message'\nimport ElInput from '@code-monkey-ui/components/input'\nimport { ElScrollbar } from '@code-monkey-ui/components/scrollbar'\nimport { ElOption, ElSelect } from '@code-monkey-ui/components/select'\nimport ElIcon from '@code-monkey-ui/components/icon'\nimport ElPopover from '@code-monkey-ui/components/popover'\nimport { ElButton } from '@code-monkey-ui/components/button'\nimport { ElTag } from '@code-monkey-ui/components/tag'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { batchEmits, batchProps } from './batch'\nimport { useBatch } from './use-batch'\nconst ns = useNamespace('batch')\nconst emit = defineEmits(batchEmits)\nconst props = defineProps(batchProps)\nconst { disabled } = useBatch(props)\nconst userAttrs = useAttrs()\nconst textareaRef = ref<any>()\nconst userAttrsCopy = reactive<any>({ ...userAttrs })\n// 不被需要的props\ndelete userAttrsCopy.size ?? userAttrsCopy.delete('size')\ndelete userAttrsCopy.prefixIcon ?? userAttrsCopy.delete('prefixIcon')\ndelete userAttrsCopy.suffixIcon ?? userAttrsCopy.delete('suffixIcon')\ndelete userAttrsCopy.rows ?? userAttrsCopy.delete('rows')\ndelete userAttrsCopy.readonly ?? userAttrsCopy.delete('readonly')\ndelete userAttrsCopy.tabindex ?? userAttrsCopy.delete('tabindex')\ndelete userAttrsCopy.modelValue ?? userAttrsCopy.delete('modelValue')\ndelete userAttrsCopy.resize ?? userAttrsCopy.delete('resize')\ndelete userAttrsCopy.autosize ?? userAttrsCopy.delete('autosize')\ndelete userAttrsCopy.type ?? userAttrsCopy.delete('type')\ndefineOptions({\n  name: 'ElBatch',\n})\n\nconst inputRef = ref<any>(null)\nconst selectRef = ref<any>(null)\nconst tooltipVisible = ref<boolean>(false)\nconst optionValue = ref(props.options[0]?.value)\nconst selectWidth = ref<number>(0)\nconst searchValue = ref<string>('')\nconst inputValue = ref('')\nconst selectedLabel = ref<string>('')\nconst multipleSearchValue = ref<any[]>([])\nconst tagShow = ref<boolean>(false)\nonMounted(() => {\n  changeOption(optionValue.value)\n  if (disabled.value) return\n  selectWidth.value = selectRef.value?.$el.offsetWidth\n})\nconst handleEnterKey = (event: Event) => {\n  const inputElement = textareaRef.value.$el.querySelector('textarea')\n  inputElement.addEventListener('paste', preventPaste)\n  const lines = inputValue.value.split('\\n')\n  const lastLine = lines[lines.length - 1]\n  nextTick(() => {\n    const textarea = textareaRef.value?.textarea\n    textarea.selectionStart = textarea.selectionEnd = textarea.value.length\n  })\n  if (!lastLine.trim() || lines.length >= props.rows) {\n    event.preventDefault()\n  }\n}\nconst handleTextareaInput = (value: string) => {\n  const inputElement = textareaRef.value.$el.querySelector('textarea')\n  inputElement.addEventListener('paste', preventPaste)\n  const lines = value.split('\\n')\n  const nonEmptyLines = lines.filter((line) => line.trim() !== '')\n  if (nonEmptyLines.length >= props.rows) {\n    inputValue.value = lines.slice(0, props.rows).join('\\n')\n  } else {\n    inputElement.removeEventListener('paste', preventPaste)\n  }\n}\nconst preventPaste = (event: ClipboardEvent) => {\n  event.preventDefault()\n}\nconst handleFocus = () => {\n  handleClose()\n  nextTick(() => {\n    inputRef.value.blur()\n    inputRef.value.focus()\n  })\n}\n\nconst changeOption = (value: any) => {\n  handleClose()\n  emit('optionsChange', value)\n}\nconst handleSearch = () => {\n  if (disabled.value) return\n  emit('search', {\n    searchValue: searchValue.value,\n    optionValue: optionValue.value,\n  })\n}\nconst handleClear = () => {\n  handleBlur()\n  inputValue.value = ''\n}\nconst handleClose = () => {\n  tooltipVisible.value = false\n}\nconst handleBlur = () => {\n  const focusElement = inputRef.value.$el.querySelector('.is-focus')\n  const activeElement = document.activeElement as HTMLInputElement\n  activeElement?.blur()\n  if (focusElement) {\n    focusElement.classList.remove('is-focus')\n  }\n}\nconst handleMultipleSearch = () => {\n  handleBlur()\n  handleClose()\n  const data = inputValue.value\n    .split('\\n')\n    .map((item) => item.trim())\n    .filter(Boolean)\n  multipleSearchValue.value = [...new Set(data)]\n  if (data.length > multipleSearchValue.value.length) {\n    ElMessage.warning('有重复数据,已自动去重')\n  }\n  inputValue.value = multipleSearchValue.value.join('\\n')\n  if (props.needTag) {\n    tagShow.value = true\n  }\n  nextTick(() => {\n    selectedLabel.value = selectRef.value.selectedLabel\n  })\n  emit('multipleSearch', {\n    multipleSearchValue: multipleSearchValue.value,\n    optionsValue: optionValue.value,\n  })\n}\nconst showTooltip = () => {\n  if (disabled.value) return\n  handleBlur()\n  selectWidth.value = selectRef.value?.$el.offsetWidth\n  tooltipVisible.value = !tooltipVisible.value\n}\nconst handleCloseTag = () => {\n  tagShow.value = false\n}\n</script>\n"],"names":["useNamespace","useBatch","ref","reactive","onMounted","nextTick","ElMessage"],"mappings":"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"}
+{"version":3,"file":"batch.js","sources":["../../../../../../packages/components/batch/src/batch.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.m(_size)]\"\n    :style=\"{ 'max-width': width + 'px' }\"\n  >\n    <el-input\n      ref=\"inputRef\"\n      v-model=\"searchValue\"\n      clearable\n      v-bind=\"userAttrsCopy\"\n      :disabled=\"disabled\"\n      :class=\"ns.e('input')\"\n      :style=\"{ width: width + 'px' }\"\n      @click=\"handleFocus\"\n    >\n      <template #prepend>\n        <el-select\n          ref=\"selectRef\"\n          v-model=\"optionValue\"\n          style=\"height: 100%\"\n          :class=\"[ns.e('select'), ns.is('disabled', disabled)]\"\n          :disabled=\"disabled\"\n          @change=\"changeOption\"\n        >\n          <template #prefix>\n            <span :class=\"ns.is('empty', options.length <= 0)\">\n              {{\n                options.find((s) => s.value === optionValue)?.label ?? emptyText\n              }}\n            </span>\n          </template>\n          <el-option\n            v-for=\"item in options\"\n            :key=\"item.value\"\n            :label=\"item[labelValue.label]\"\n            :value=\"item[labelValue.value]\"\n          />\n        </el-select>\n      </template>\n      <template #suffix>\n        <el-icon :class=\"ns.e('batch-icon')\" @click.stop=\"handleSearch\"\n          ><Search\n        /></el-icon>\n        <el-popover\n          effect=\"light\"\n          placement=\"bottom-end\"\n          :popper-class=\"ns.e('batch-popper')\"\n          :class=\"ns.e('batch-tooltip')\"\n          :visible=\"tooltipVisible\"\n          :offset=\"20\"\n          :width=\"Number(width) - selectWidth\"\n        >\n          <el-input\n            ref=\"textareaRef\"\n            v-model=\"inputValue\"\n            resize=\"none\"\n            :autosize=\"{ minRows: minRows, maxRows: 12 }\"\n            :class=\"ns.e('textarea')\"\n            :placeholder=\"'精确搜索，一行一项，最多支持' + rows + '行'\"\n            type=\"textarea\"\n            @keydown.enter=\"handleEnterKey\"\n            @input=\"handleTextareaInput\"\n          />\n          <div :class=\"ns.e('controls')\">\n            <el-button size=\"small\" plain @click.stop=\"handleClear\"\n              >清空</el-button\n            >\n            <div>\n              <el-button size=\"small\" plain @click.stop=\"handleClose\"\n                >关闭</el-button\n              >\n              <el-button\n                size=\"small\"\n                :class=\"ns.e('search-button')\"\n                plain\n                @click.stop=\"handleMultipleSearch\"\n                >搜索</el-button\n              >\n            </div>\n          </div>\n          <template #reference>\n            <el-icon :class=\"ns.e('tooltip-icon')\" @click.stop=\"showTooltip\"\n              ><Operation\n            /></el-icon>\n          </template>\n        </el-popover>\n      </template>\n    </el-input>\n    <div v-show=\"tagShow\" :class=\"ns.e('tag')\">\n      <el-popover\n        :width=\"Number(width) - selectWidth\"\n        :popper-class=\"ns.e('batch-popper')\"\n        effect=\"light\"\n        placement=\"bottom-start\"\n      >\n        <div\n          :class=\"ns.e('tag-content')\"\n          :style=\"{ 'min-width': Number(width) - selectWidth + 'px' }\"\n        >\n          <el-scrollbar>\n            <p v-for=\"item in multipleSearchValue\" :key=\"item\">{{ item }}</p>\n          </el-scrollbar>\n        </div>\n        <template #reference>\n          <el-tag closable @close=\"handleCloseTag\"\n            >{{ selectedLabel }}：{{\n              multipleSearchValue.slice(0, 3).join(', ')\n            }}\n            等{{ multipleSearchValue.length }}项\n          </el-tag>\n        </template>\n      </el-popover>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { nextTick, onMounted, reactive, ref, toRef, useAttrs } from 'vue'\nimport { Operation, Search } from '@element-plus/icons-vue'\nimport { ElMessage } from '@code-monkey-ui/components/message'\nimport ElInput from '@code-monkey-ui/components/input'\nimport { ElScrollbar } from '@code-monkey-ui/components/scrollbar'\nimport { ElOption, ElSelect } from '@code-monkey-ui/components/select'\nimport ElIcon from '@code-monkey-ui/components/icon'\nimport ElPopover from '@code-monkey-ui/components/popover'\nimport { ElButton } from '@code-monkey-ui/components/button'\nimport { ElTag } from '@code-monkey-ui/components/tag'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { batchEmits, batchProps } from './batch'\nimport { useBatch } from './use-batch'\nconst props = defineProps(batchProps)\nconst useSize = reactive({\n  size: toRef(props, 'size'),\n})\nconst ns = useNamespace('batch')\nconst emit = defineEmits(batchEmits)\nconst { disabled, _size } = useBatch(props, useSize.size)\nconst userAttrs = useAttrs()\nconst textareaRef = ref<any>()\nconst userAttrsCopy = reactive<any>({ ...userAttrs })\n// 不被需要的props\ndelete userAttrsCopy.size ?? userAttrsCopy.delete('size')\ndelete userAttrsCopy.prefixIcon ?? userAttrsCopy.delete('prefixIcon')\ndelete userAttrsCopy.suffixIcon ?? userAttrsCopy.delete('suffixIcon')\ndelete userAttrsCopy.rows ?? userAttrsCopy.delete('rows')\ndelete userAttrsCopy.readonly ?? userAttrsCopy.delete('readonly')\ndelete userAttrsCopy.tabindex ?? userAttrsCopy.delete('tabindex')\ndelete userAttrsCopy.modelValue ?? userAttrsCopy.delete('modelValue')\ndelete userAttrsCopy.resize ?? userAttrsCopy.delete('resize')\ndelete userAttrsCopy.autosize ?? userAttrsCopy.delete('autosize')\ndelete userAttrsCopy.type ?? userAttrsCopy.delete('type')\ndefineOptions({\n  name: 'ElBatch',\n})\n\nconst inputRef = ref<any>(null)\nconst selectRef = ref<any>(null)\nconst tooltipVisible = ref<boolean>(false)\nconst optionValue = ref(props.options[0]?.value)\nconst selectWidth = ref<number>(0)\nconst searchValue = ref<string>('')\nconst inputValue = ref('')\nconst selectedLabel = ref<string>('')\nconst multipleSearchValue = ref<any[]>([])\nconst tagShow = ref<boolean>(false)\nonMounted(() => {\n  changeOption(optionValue.value)\n  if (disabled.value) return\n  selectWidth.value = selectRef.value?.$el.offsetWidth\n})\nconst handleEnterKey = (event: Event) => {\n  const inputElement = textareaRef.value.$el.querySelector('textarea')\n  inputElement.addEventListener('paste', preventPaste)\n  const lines = inputValue.value.split('\\n')\n  const lastLine = lines[lines.length - 1]\n  nextTick(() => {\n    const textarea = textareaRef.value?.textarea\n    textarea.selectionStart = textarea.selectionEnd = textarea.value.length\n  })\n  if (!lastLine.trim() || lines.length >= props.rows) {\n    event.preventDefault()\n  }\n}\nconst handleTextareaInput = (value: string) => {\n  const inputElement = textareaRef.value.$el.querySelector('textarea')\n  inputElement.addEventListener('paste', preventPaste)\n  const lines = value.split('\\n')\n  const nonEmptyLines = lines.filter((line) => line.trim() !== '')\n  if (nonEmptyLines.length >= props.rows) {\n    inputValue.value = lines.slice(0, props.rows).join('\\n')\n  } else {\n    inputElement.removeEventListener('paste', preventPaste)\n  }\n}\nconst preventPaste = (event: ClipboardEvent) => {\n  event.preventDefault()\n}\nconst handleFocus = () => {\n  handleClose()\n  nextTick(() => {\n    inputRef.value.blur()\n    inputRef.value.focus()\n  })\n}\n\nconst changeOption = (value: any) => {\n  handleClose()\n  emit('optionsChange', value)\n}\nconst handleSearch = () => {\n  if (disabled.value) return\n  emit('search', {\n    searchValue: searchValue.value,\n    optionValue: optionValue.value,\n  })\n}\nconst handleClear = () => {\n  handleBlur()\n  inputValue.value = ''\n}\nconst handleClose = () => {\n  tooltipVisible.value = false\n}\nconst handleBlur = () => {\n  const focusElement = inputRef.value.$el.querySelector('.is-focus')\n  const activeElement = document.activeElement as HTMLInputElement\n  activeElement?.blur()\n  if (focusElement) {\n    focusElement.classList.remove('is-focus')\n  }\n}\nconst handleMultipleSearch = () => {\n  handleBlur()\n  handleClose()\n  const data = inputValue.value\n    .split('\\n')\n    .map((item) => item.trim())\n    .filter(Boolean)\n  multipleSearchValue.value = [...new Set(data)]\n  if (data.length > multipleSearchValue.value.length) {\n    ElMessage.warning('有重复数据,已自动去重')\n  }\n  inputValue.value = multipleSearchValue.value.join('\\n')\n  if (props.needTag) {\n    tagShow.value = true\n  }\n  nextTick(() => {\n    selectedLabel.value = selectRef.value.selectedLabel\n  })\n  emit('multipleSearch', {\n    multipleSearchValue: multipleSearchValue.value,\n    optionsValue: optionValue.value,\n  })\n}\nconst showTooltip = () => {\n  if (disabled.value) return\n  handleBlur()\n  selectWidth.value = selectRef.value?.$el.offsetWidth\n  tooltipVisible.value = !tooltipVisible.value\n}\nconst handleCloseTag = () => {\n  tagShow.value = false\n}\ndefineExpose({\n  size: props.size,\n})\n</script>\n"],"names":["reactive","toRef","useNamespace","useBatch","ref","onMounted","nextTick","ElMessage"],"mappings":"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"}