code-monkey-ui 1.1.6-alpha.3 → 1.1.7-alpha.1

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

@@ -1 +1 @@
-{"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;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,77 +2,43 @@
 
 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');
-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');
+require('../../../constants/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var size = require('../../../constants/size.js');
 var types = require('../../../utils/types.js');
-var style = require('../../../utils/dom/style.js');
+var icon = require('../../../utils/vue/icon.js');
 
-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 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"
   }
 });
-var Avatar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\avatar\\src\\avatar.vue"]]);
+const avatarEmits = {
+  error: (evt) => evt instanceof Event
+};
 
-exports["default"] = Avatar;
+exports.avatarEmits = avatarEmits;
+exports.avatarProps = avatarProps;
 //# 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.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":"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;;;;;"}

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

@@ -246,7 +246,7 @@ export declare const ElBatch: import("code-monkey-ui/es/utils").SFCWithInstall<i
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         }>>;
-        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+        emit: ((event: "change", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
         rawAttrs: {
             [x: string]: unknown;
         };
@@ -13802,7 +13802,7 @@ export declare const ElBatch: import("code-monkey-ui/es/utils").SFCWithInstall<i
         }> & {} & import("vue").ComponentCustomProperties) | null>;
         contentId: import("vue").Ref<string>;
         hoverOption: import("vue").Ref<any>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "focus" | "clear" | "remove-tag" | "visible-change" | "blur")[], "update:modelValue" | "change" | "focus" | "blur" | "clear" | "remove-tag" | "visible-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "focus" | "clear" | "remove-tag" | "visible-change" | "blur")[], "change" | "update:modelValue" | "focus" | "blur" | "clear" | "remove-tag" | "visible-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         name: StringConstructor;
         id: StringConstructor;
         modelValue: {
@@ -24268,7 +24268,7 @@ export declare const ElBatch: import("code-monkey-ui/es/utils").SFCWithInstall<i
         };
         _ref: import("vue").Ref<HTMLButtonElement | undefined>;
         _size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
-        _type: import("vue").ComputedRef<"" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger">;
+        _type: import("vue").ComputedRef<"default" | "" | "success" | "warning" | "info" | "text" | "primary" | "danger">;
         _disabled: import("vue").ComputedRef<boolean>;
         _props: import("vue").ComputedRef<{
             ariaDisabled: boolean;

package/lib/components/batch/index.js

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

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

@@ -2,346 +2,56 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var iconsVue = require('@element-plus/icons-vue');
-var index$1 = require('../../message/index.js');
-var index$2 = require('../../input/index.js');
-var index$8 = require('../../scrollbar/index.js');
-var index$3 = require('../../select/index.js');
-var index$4 = require('../../icon/index.js');
-var index$5 = require('../../popover/index.js');
-var index$6 = require('../../button/index.js');
-var index$7 = require('../../tag/index.js');
+require('../../../utils/index.js');
 require('../../../hooks/index.js');
-var batch = require('./batch2.js');
-var useBatch = require('./use-batch.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
 
-const _hoisted_1 = /* @__PURE__ */ vue.createTextVNode("\u6E05\u7A7A");
-const _hoisted_2 = /* @__PURE__ */ vue.createTextVNode("\u5173\u95ED");
-const _hoisted_3 = /* @__PURE__ */ vue.createTextVNode("\u641C\u7D22");
-const __default__ = vue.defineComponent({
-  name: "ElBatch"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: batch.batchProps,
-  emits: batch.batchEmits,
-  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, _size } = useBatch.useBatch(props, useSize.size);
-    const userAttrs = vue.useAttrs();
-    const textareaRef = vue.ref();
-    const userAttrsCopy = vue.reactive({ ...userAttrs });
-    delete userAttrsCopy.size;
-    delete userAttrsCopy.prefixIcon;
-    delete userAttrsCopy.suffixIcon;
-    delete userAttrsCopy.rows;
-    delete userAttrsCopy.readonly;
-    delete userAttrsCopy.tabindex;
-    delete userAttrsCopy.modelValue;
-    delete userAttrsCopy.resize;
-    delete userAttrsCopy.autosize;
-    delete userAttrsCopy.type;
-    const inputRef = vue.ref(null);
-    const selectRef = vue.ref(null);
-    const tooltipVisible = vue.ref(false);
-    const optionValue = vue.ref((_a = props.options[0]) == null ? void 0 : _a.value);
-    const selectWidth = vue.ref(0);
-    const searchValue = vue.ref("");
-    const inputValue = vue.ref("");
-    const selectedLabel = vue.ref("");
-    const multipleSearchValue = vue.ref([]);
-    const tagShow = vue.ref(false);
-    vue.onMounted(() => {
-      var _a2;
-      changeOption(optionValue.value);
-      if (disabled.value)
-        return;
-      selectWidth.value = (_a2 = selectRef.value) == null ? void 0 : _a2.$el.offsetWidth;
-    });
-    const handleEnterKey = (event) => {
-      const inputElement = textareaRef.value.$el.querySelector("textarea");
-      inputElement.addEventListener("paste", preventPaste);
-      const lines = inputValue.value.split("\n");
-      const lastLine = lines[lines.length - 1];
-      vue.nextTick(() => {
-        var _a2;
-        const textarea = (_a2 = textareaRef.value) == null ? void 0 : _a2.textarea;
-        textarea.selectionStart = textarea.selectionEnd = textarea.value.length;
-      });
-      if (!lastLine.trim() || lines.length >= props.rows) {
-        event.preventDefault();
-      }
-    };
-    const handleTextareaInput = (value) => {
-      const inputElement = textareaRef.value.$el.querySelector("textarea");
-      inputElement.addEventListener("paste", preventPaste);
-      const lines = value.split("\n");
-      const nonEmptyLines = lines.filter((line) => line.trim() !== "");
-      if (nonEmptyLines.length >= props.rows) {
-        inputValue.value = lines.slice(0, props.rows).join("\n");
-      } else {
-        inputElement.removeEventListener("paste", preventPaste);
-      }
-    };
-    const preventPaste = (event) => {
-      event.preventDefault();
-    };
-    const handleFocus = () => {
-      handleClose();
-      vue.nextTick(() => {
-        inputRef.value.blur();
-        inputRef.value.focus();
-      });
-    };
-    const changeOption = (value) => {
-      handleClose();
-      emit("optionsChange", value);
-    };
-    const handleSearch = () => {
-      if (disabled.value)
-        return;
-      emit("search", {
-        searchValue: searchValue.value,
-        optionValue: optionValue.value
-      });
-    };
-    const handleClear = () => {
-      handleBlur();
-      inputValue.value = "";
-    };
-    const handleClose = () => {
-      tooltipVisible.value = false;
-    };
-    const handleBlur = () => {
-      const focusElement = inputRef.value.$el.querySelector(".is-focus");
-      const activeElement = document.activeElement;
-      activeElement == null ? void 0 : activeElement.blur();
-      if (focusElement) {
-        focusElement.classList.remove("is-focus");
-      }
-    };
-    const handleMultipleSearch = () => {
-      handleBlur();
-      handleClose();
-      const data = inputValue.value.split("\n").map((item) => item.trim()).filter(Boolean);
-      multipleSearchValue.value = [...new Set(data)];
-      if (data.length > multipleSearchValue.value.length) {
-        index$1.ElMessage.warning("\u6709\u91CD\u590D\u6570\u636E,\u5DF2\u81EA\u52A8\u53BB\u91CD");
-      }
-      inputValue.value = multipleSearchValue.value.join("\n");
-      if (props.needTag) {
-        tagShow.value = true;
-      }
-      vue.nextTick(() => {
-        selectedLabel.value = selectRef.value.selectedLabel;
-      });
-      emit("multipleSearch", {
-        multipleSearchValue: multipleSearchValue.value,
-        optionsValue: optionValue.value
-      });
-    };
-    const showTooltip = () => {
-      var _a2;
-      if (disabled.value)
-        return;
-      handleBlur();
-      selectWidth.value = (_a2 = selectRef.value) == null ? void 0 : _a2.$el.offsetWidth;
-      tooltipVisible.value = !tooltipVisible.value;
-    };
-    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(vue.unref(_size))]),
-        style: vue.normalizeStyle({ "max-width": _ctx.width + "px" })
-      }, [
-        vue.createVNode(vue.unref(index$2.ElInput), vue.mergeProps({
-          ref_key: "inputRef",
-          ref: inputRef,
-          modelValue: searchValue.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchValue.value = $event),
-          clearable: ""
-        }, userAttrsCopy, {
-          disabled: vue.unref(disabled),
-          class: vue.unref(ns).e("input"),
-          style: { width: _ctx.width + "px" },
-          onClick: handleFocus
-        }), {
-          prepend: vue.withCtx(() => [
-            vue.createVNode(vue.unref(index$3.ElSelect), {
-              ref_key: "selectRef",
-              ref: selectRef,
-              modelValue: optionValue.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => optionValue.value = $event),
-              style: { "height": "100%" },
-              class: vue.normalizeClass([vue.unref(ns).e("select"), vue.unref(ns).is("disabled", vue.unref(disabled))]),
-              disabled: vue.unref(disabled),
-              onChange: changeOption
-            }, {
-              prefix: vue.withCtx(() => {
-                var _a2, _b;
-                return [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass(vue.unref(ns).is("empty", _ctx.options.length <= 0))
-                  }, vue.toDisplayString((_b = (_a2 = _ctx.options.find((s) => s.value === optionValue.value)) == null ? void 0 : _a2.label) != null ? _b : _ctx.emptyText), 3)
-                ];
-              }),
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElOption), {
-                    key: item.value,
-                    label: item[_ctx.labelValue.label],
-                    value: item[_ctx.labelValue.value]
-                  }, null, 8, ["label", "value"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue", "class", "disabled"])
-          ]),
-          suffix: vue.withCtx(() => [
-            vue.createVNode(vue.unref(index$4.ElIcon), {
-              class: vue.normalizeClass(vue.unref(ns).e("batch-icon")),
-              onClick: vue.withModifiers(handleSearch, ["stop"])
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(iconsVue.Search))
-              ]),
-              _: 1
-            }, 8, ["class", "onClick"]),
-            vue.createVNode(vue.unref(index$5.ElPopover), {
-              effect: "light",
-              placement: "bottom-end",
-              "popper-class": vue.unref(ns).e("batch-popper"),
-              class: vue.normalizeClass(vue.unref(ns).e("batch-tooltip")),
-              visible: tooltipVisible.value,
-              offset: 20,
-              width: Number(_ctx.width) - selectWidth.value
-            }, {
-              reference: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index$4.ElIcon), {
-                  class: vue.normalizeClass(vue.unref(ns).e("tooltip-icon")),
-                  onClick: vue.withModifiers(showTooltip, ["stop"])
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(iconsVue.Operation))
-                  ]),
-                  _: 1
-                }, 8, ["class", "onClick"])
-              ]),
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index$2.ElInput), {
-                  ref_key: "textareaRef",
-                  ref: textareaRef,
-                  modelValue: inputValue.value,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
-                  resize: "none",
-                  autosize: { minRows: _ctx.minRows, maxRows: 12 },
-                  class: vue.normalizeClass(vue.unref(ns).e("textarea")),
-                  placeholder: "\u7CBE\u786E\u641C\u7D22\uFF0C\u4E00\u884C\u4E00\u9879\uFF0C\u6700\u591A\u652F\u6301" + _ctx.rows + "\u884C",
-                  type: "textarea",
-                  onKeydown: vue.withKeys(handleEnterKey, ["enter"]),
-                  onInput: handleTextareaInput
-                }, null, 8, ["modelValue", "autosize", "class", "placeholder", "onKeydown"]),
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(vue.unref(ns).e("controls"))
-                }, [
-                  vue.createVNode(vue.unref(index$6.ElButton), {
-                    size: "small",
-                    plain: "",
-                    onClick: vue.withModifiers(handleClear, ["stop"])
-                  }, {
-                    default: vue.withCtx(() => [
-                      _hoisted_1
-                    ]),
-                    _: 1
-                  }, 8, ["onClick"]),
-                  vue.createElementVNode("div", null, [
-                    vue.createVNode(vue.unref(index$6.ElButton), {
-                      size: "small",
-                      plain: "",
-                      onClick: vue.withModifiers(handleClose, ["stop"])
-                    }, {
-                      default: vue.withCtx(() => [
-                        _hoisted_2
-                      ]),
-                      _: 1
-                    }, 8, ["onClick"]),
-                    vue.createVNode(vue.unref(index$6.ElButton), {
-                      size: "small",
-                      class: vue.normalizeClass(vue.unref(ns).e("search-button")),
-                      plain: "",
-                      onClick: vue.withModifiers(handleMultipleSearch, ["stop"])
-                    }, {
-                      default: vue.withCtx(() => [
-                        _hoisted_3
-                      ]),
-                      _: 1
-                    }, 8, ["class", "onClick"])
-                  ])
-                ], 2)
-              ]),
-              _: 1
-            }, 8, ["popper-class", "class", "visible", "width"])
-          ]),
-          _: 1
-        }, 16, ["modelValue", "disabled", "class", "style"]),
-        vue.withDirectives(vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("tag"))
-        }, [
-          vue.createVNode(vue.unref(index$5.ElPopover), {
-            width: Number(_ctx.width) - selectWidth.value,
-            "popper-class": vue.unref(ns).e("batch-popper"),
-            effect: "light",
-            placement: "bottom-start"
-          }, {
-            reference: vue.withCtx(() => [
-              vue.createVNode(vue.unref(index$7.ElTag), {
-                closable: "",
-                onClose: handleCloseTag
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(selectedLabel.value) + "\uFF1A" + vue.toDisplayString(multipleSearchValue.value.slice(0, 3).join(", ")) + " \u7B49" + vue.toDisplayString(multipleSearchValue.value.length) + "\u9879 ", 1)
-                ]),
-                _: 1
-              })
-            ]),
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).e("tag-content")),
-                style: vue.normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
-              }, [
-                vue.createVNode(vue.unref(index$8.ElScrollbar), null, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(multipleSearchValue.value, (item) => {
-                      return vue.openBlock(), vue.createElementBlock("p", { key: item }, vue.toDisplayString(item), 1);
-                    }), 128))
-                  ]),
-                  _: 1
-                })
-              ], 6)
-            ]),
-            _: 1
-          }, 8, ["width", "popper-class"])
-        ], 2), [
-          [vue.vShow, tagShow.value]
-        ])
-      ], 6);
-    };
+const batchProps = runtime.buildProps({
+  options: {
+    type: Array,
+    default: () => []
+  },
+  width: {
+    type: [String, Number],
+    default: 400
+  },
+  size: index.useSizeProp,
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  minRows: {
+    type: Number,
+    default: 8
+  },
+  maxRows: {
+    type: Number,
+    default: 12
+  },
+  emptyText: {
+    type: String,
+    default: "\u6682\u65E0\u6570\u636E"
+  },
+  labelValue: {
+    type: Object,
+    default: () => ({ label: "label", value: "value" })
+  },
+  rows: {
+    type: Number,
+    default: 50
+  },
+  needTag: {
+    type: Boolean,
+    default: false
   }
 });
-var Batch = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\batch\\src\\batch.vue"]]);
+const batchEmits = {
+  optionsChange: (val) => val,
+  multipleSearch: (val) => val,
+  search: (val) => val
+};
 
-exports["default"] = Batch;
+exports.batchEmits = batchEmits;
+exports.batchProps = batchProps;
 //# sourceMappingURL=batch.js.map