code-monkey-ui 1.0.6 → 1.0.7

package/lib/components/empty/src/empty.js

@@ -2,20 +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 imgEmpty = require('./img-empty.js');
+var empty = require('./empty2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-locale/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var style = require('../../../utils/dom/style.js');
 
-const emptyProps = runtime.buildProps({
-  image: {
-    type: String,
-    default: ""
-  },
-  imageSize: Number,
-  description: {
-    type: String,
-    default: ""
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { key: 1 };
+const __default__ = vue.defineComponent({
+  name: "ElEmpty"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: empty.emptyProps,
+  setup(__props) {
+    const props = __props;
+    const { t } = index.useLocale();
+    const ns = index$1.useNamespace("empty");
+    const emptyDescription = vue.computed(() => props.description || t("el.table.emptyText"));
+    const imageStyle = vue.computed(() => ({
+      width: style.addUnit(props.imageSize)
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("image")),
+          style: vue.normalizeStyle(vue.unref(imageStyle))
+        }, [
+          _ctx.image ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 0,
+            src: _ctx.image,
+            ondragstart: "return false"
+          }, null, 8, _hoisted_1)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+            vue.createVNode(imgEmpty["default"])
+          ])
+        ], 6),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("description"))
+        }, [
+          _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(vue.unref(emptyDescription)), 1))
+        ], 2),
+        _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(ns).e("bottom"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)) : vue.createCommentVNode("v-if", true)
+      ], 2);
+    };
   }
 });
+var Empty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\openResource\\code-monkey-ui\\packages\\components\\empty\\src\\empty.vue"]]);
 
-exports.emptyProps = emptyProps;
+exports["default"] = Empty;
 //# sourceMappingURL=empty.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"empty.js","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = buildProps({\n  /**\n   * @description image URL of empty\n   */\n  image: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description image size (width) of empty\n   */\n  imageSize: Number,\n  /**\n   * @description description of empty\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"empty.js","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div :class=\"ns.e('description')\">\n      <slot v-if=\"$slots.description\" name=\"description\" />\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n  () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.imageSize),\n}))\n</script>\n"],"names":["useLocale","useNamespace","computed","addUnit"],"mappings":";;;;;;;;;;;;;;;;uCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,mBAAmBC,YACvB,CAAA,MAAM,MAAM,WAAe,IAAA,CAAA,CAAE,oBAAoB,CACnD,CAAA,CAAA;AACA,IAAM,MAAA,UAAA,GAAaA,aAAwB,OAAO;AAAA,MAChD,KAAA,EAAOC,aAAQ,CAAA,KAAA,CAAM,SAAS,CAAA;AAAA,KAC9B,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/empty/src/empty2.js

@@ -2,64 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
 require('../../../utils/index.js');
-var imgEmpty = require('./img-empty.js');
-var empty = require('./empty.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-locale/index.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-var style = require('../../../utils/dom/style.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["src"];
-const _hoisted_2 = { key: 1 };
-const __default__ = vue.defineComponent({
-  name: "ElEmpty"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: empty.emptyProps,
-  setup(__props) {
-    const props = __props;
-    const { t } = index.useLocale();
-    const ns = index$1.useNamespace("empty");
-    const emptyDescription = vue.computed(() => props.description || t("el.table.emptyText"));
-    const imageStyle = vue.computed(() => ({
-      width: style.addUnit(props.imageSize)
-    }));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(ns).b())
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("image")),
-          style: vue.normalizeStyle(vue.unref(imageStyle))
-        }, [
-          _ctx.image ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 0,
-            src: _ctx.image,
-            ondragstart: "return false"
-          }, null, 8, _hoisted_1)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
-            vue.createVNode(imgEmpty["default"])
-          ])
-        ], 6),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("description"))
-        }, [
-          _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(vue.unref(emptyDescription)), 1))
-        ], 2),
-        _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(vue.unref(ns).e("bottom"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 2)) : vue.createCommentVNode("v-if", true)
-      ], 2);
-    };
+const emptyProps = runtime.buildProps({
+  image: {
+    type: String,
+    default: ""
+  },
+  imageSize: Number,
+  description: {
+    type: String,
+    default: ""
   }
 });
-var Empty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\openResource\\code-monkey-ui\\packages\\components\\empty\\src\\empty.vue"]]);
 
-exports["default"] = Empty;
+exports.emptyProps = emptyProps;
 //# sourceMappingURL=empty2.js.map

package/lib/components/empty/src/empty2.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty2.js","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div :class=\"ns.e('description')\">\n      <slot v-if=\"$slots.description\" name=\"description\" />\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n  () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.imageSize),\n}))\n</script>\n"],"names":["useLocale","useNamespace","computed","addUnit"],"mappings":";;;;;;;;;;;;;;;;uCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,mBAAmBC,YACvB,CAAA,MAAM,MAAM,WAAe,IAAA,CAAA,CAAE,oBAAoB,CACnD,CAAA,CAAA;AACA,IAAM,MAAA,UAAA,GAAaA,aAAwB,OAAO;AAAA,MAChD,KAAA,EAAOC,aAAQ,CAAA,KAAA,CAAM,SAAS,CAAA;AAAA,KAC9B,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"empty2.js","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = buildProps({\n  /**\n   * @description image URL of empty\n   */\n  image: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description image size (width) of empty\n   */\n  imageSize: Number,\n  /**\n   * @description description of empty\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/lib/components/icon/index.js

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

package/lib/components/icon/src/icon.js

@@ -2,45 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
 require('../../../utils/index.js');
-require('../../../hooks/index.js');
-var icon = require('./icon2.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 style = require('../../../utils/dom/style.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElIcon",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: icon.iconProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("icon");
-    const style$1 = vue.computed(() => {
-      const { size, color } = props;
-      if (!size && !color)
-        return {};
-      return {
-        fontSize: types.isUndefined(size) ? void 0 : style.addUnit(size),
-        "--color": color
-      };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
-        class: vue.unref(ns).b(),
-        style: vue.unref(style$1)
-      }, _ctx.$attrs), [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
+const iconProps = runtime.buildProps({
+  size: {
+    type: runtime.definePropType([Number, String])
+  },
+  color: {
+    type: String
   }
 });
-var Icon = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\openResource\\code-monkey-ui\\packages\\components\\icon\\src\\icon.vue"]]);
 
-exports["default"] = Icon;
+exports.iconProps = iconProps;
 //# sourceMappingURL=icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n    <slot />\n  </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { addUnit, isUndefined } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { iconProps } from './icon'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElIcon',\n  inheritAttrs: false,\n})\nconst props = defineProps(iconProps)\nconst ns = useNamespace('icon')\n\nconst style = computed<CSSProperties>(() => {\n  const { size, color } = props\n  if (!size && !color) return {}\n\n  return {\n    fontSize: isUndefined(size) ? undefined : addUnit(size),\n    '--color': color,\n  }\n})\n</script>\n"],"names":["useNamespace","style","computed","isUndefined","addUnit"],"mappings":";;;;;;;;;;;;;uCAac,CAAA;AAAA,EACZ,IAAM,EAAA,QAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAEA,IAAM,MAAA,EAAA,GAAKA,mBAAa,MAAM,CAAA,CAAA;AAE9B,IAAM,MAAAC,OAAA,GAAQC,aAAwB,MAAM;AAC1C,MAAM,MAAA,EAAE,MAAM,KAAU,EAAA,GAAA,KAAA,CAAA;AACxB,MAAI,IAAA,CAAC,QAAQ,CAAC,KAAA;AAAO,QAAA,OAAO,EAAC,CAAA;AAE7B,MAAO,OAAA;AAAA,QACL,UAAUC,iBAAY,CAAA,IAAI,CAAI,GAAA,KAAA,CAAA,GAAYC,cAAQ,IAAI,CAAA;AAAA,QACtD,SAAW,EAAA,KAAA;AAAA,OACb,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icon.js","sources":["../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Icon from './icon.vue'\n\nexport const iconProps = buildProps({\n  /**\n   * @description SVG icon size, size x size\n   */\n  size: {\n    type: definePropType<number | string>([Number, String]),\n  },\n  /**\n   * @description SVG tag's fill attribute\n   */\n  color: {\n    type: String,\n  },\n} as const)\nexport type IconProps = ExtractPropTypes<typeof iconProps>\nexport type IconInstance = InstanceType<typeof Icon>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}

package/lib/components/icon/src/icon2.js

@@ -2,17 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
 require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+require('../../../hooks/index.js');
+var icon = require('./icon.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 style = require('../../../utils/dom/style.js');
 
-const iconProps = runtime.buildProps({
-  size: {
-    type: runtime.definePropType([Number, String])
-  },
-  color: {
-    type: String
+const __default__ = vue.defineComponent({
+  name: "ElIcon",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: icon.iconProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("icon");
+    const style$1 = vue.computed(() => {
+      const { size, color } = props;
+      if (!size && !color)
+        return {};
+      return {
+        fontSize: types.isUndefined(size) ? void 0 : style.addUnit(size),
+        "--color": color
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
+        class: vue.unref(ns).b(),
+        style: vue.unref(style$1)
+      }, _ctx.$attrs), [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
   }
 });
+var Icon = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\openResource\\code-monkey-ui\\packages\\components\\icon\\src\\icon.vue"]]);
 
-exports.iconProps = iconProps;
+exports["default"] = Icon;
 //# sourceMappingURL=icon2.js.map

package/lib/components/icon/src/icon2.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon2.js","sources":["../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Icon from './icon.vue'\n\nexport const iconProps = buildProps({\n  /**\n   * @description SVG icon size, size x size\n   */\n  size: {\n    type: definePropType<number | string>([Number, String]),\n  },\n  /**\n   * @description SVG tag's fill attribute\n   */\n  color: {\n    type: String,\n  },\n} as const)\nexport type IconProps = ExtractPropTypes<typeof iconProps>\nexport type IconInstance = InstanceType<typeof Icon>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"icon2.js","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n    <slot />\n  </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { addUnit, isUndefined } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { iconProps } from './icon'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElIcon',\n  inheritAttrs: false,\n})\nconst props = defineProps(iconProps)\nconst ns = useNamespace('icon')\n\nconst style = computed<CSSProperties>(() => {\n  const { size, color } = props\n  if (!size && !color) return {}\n\n  return {\n    fontSize: isUndefined(size) ? undefined : addUnit(size),\n    '--color': color,\n  }\n})\n</script>\n"],"names":["useNamespace","style","computed","isUndefined","addUnit"],"mappings":";;;;;;;;;;;;;uCAac,CAAA;AAAA,EACZ,IAAM,EAAA,QAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAEA,IAAM,MAAA,EAAA,GAAKA,mBAAa,MAAM,CAAA,CAAA;AAE9B,IAAM,MAAAC,OAAA,GAAQC,aAAwB,MAAM;AAC1C,MAAM,MAAA,EAAE,MAAM,KAAU,EAAA,GAAA,KAAA,CAAA;AACxB,MAAI,IAAA,CAAC,QAAQ,CAAC,KAAA;AAAO,QAAA,OAAO,EAAC,CAAA;AAE7B,MAAO,OAAA;AAAA,QACL,UAAUC,iBAAY,CAAA,IAAI,CAAI,GAAA,KAAA,CAAA,GAAYC,cAAQ,IAAI,CAAA;AAAA,QACtD,SAAW,EAAA,KAAA;AAAA,OACb,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;"}

package/lib/components/image/index.js

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

package/lib/components/image/src/image.js

@@ -2,234 +2,71 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var core = require('@vueuse/core');
-require('../../../hooks/index.js');
-var index$3 = require('../../image-viewer/index.js');
 require('../../../utils/index.js');
-var image = require('./image2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-locale/index.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-var index$2 = require('../../../hooks/use-attrs/index.js');
-var position = require('../../../utils/dom/position.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var typescript = require('../../../utils/typescript.js');
 var types = require('../../../utils/types.js');
-var shared = require('@vue/shared');
-var scroll = require('../../../utils/dom/scroll.js');
 
-const _hoisted_1 = ["src", "loading"];
-const _hoisted_2 = { key: 0 };
-const __default__ = vue.defineComponent({
-  name: "ElImage",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: image.imageProps,
-  emits: image.imageEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    let prevOverflow = "";
-    const { t } = index.useLocale();
-    const ns = index$1.useNamespace("image");
-    const rawAttrs = vue.useAttrs();
-    const attrs = index$2.useAttrs();
-    const imageSrc = vue.ref();
-    const hasLoadError = vue.ref(false);
-    const isLoading = vue.ref(true);
-    const showViewer = vue.ref(false);
-    const container = vue.ref();
-    const _scrollContainer = vue.ref();
-    const supportLoading = core.isClient && "loading" in HTMLImageElement.prototype;
-    let stopScrollListener;
-    let stopWheelListener;
-    const imageKls = vue.computed(() => [
-      ns.e("inner"),
-      preview.value && ns.e("preview"),
-      isLoading.value && ns.is("loading")
-    ]);
-    const containerStyle = vue.computed(() => rawAttrs.style);
-    const imageStyle = vue.computed(() => {
-      const { fit } = props;
-      if (core.isClient && fit) {
-        return { objectFit: fit };
-      }
-      return {};
-    });
-    const preview = vue.computed(() => {
-      const { previewSrcList } = props;
-      return Array.isArray(previewSrcList) && previewSrcList.length > 0;
-    });
-    const imageIndex = vue.computed(() => {
-      const { previewSrcList, initialIndex } = props;
-      let previewIndex = initialIndex;
-      if (initialIndex > previewSrcList.length - 1) {
-        previewIndex = 0;
-      }
-      return previewIndex;
-    });
-    const isManual = vue.computed(() => {
-      if (props.loading === "eager")
-        return false;
-      return !supportLoading && props.loading === "lazy" || props.lazy;
-    });
-    const loadImage = () => {
-      if (!core.isClient)
-        return;
-      isLoading.value = true;
-      hasLoadError.value = false;
-      imageSrc.value = props.src;
-    };
-    function handleLoad(event) {
-      isLoading.value = false;
-      hasLoadError.value = false;
-      emit("load", event);
-    }
-    function handleError(event) {
-      isLoading.value = false;
-      hasLoadError.value = true;
-      emit("error", event);
-    }
-    function handleLazyLoad() {
-      if (position.isInContainer(container.value, _scrollContainer.value)) {
-        loadImage();
-        removeLazyLoadListener();
-      }
-    }
-    const lazyLoadHandler = core.useThrottleFn(handleLazyLoad, 200, true);
-    async function addLazyLoadListener() {
-      var _a;
-      if (!core.isClient)
-        return;
-      await vue.nextTick();
-      const { scrollContainer } = props;
-      if (types.isElement(scrollContainer)) {
-        _scrollContainer.value = scrollContainer;
-      } else if (shared.isString(scrollContainer) && scrollContainer !== "") {
-        _scrollContainer.value = (_a = document.querySelector(scrollContainer)) != null ? _a : void 0;
-      } else if (container.value) {
-        _scrollContainer.value = scroll.getScrollContainer(container.value);
-      }
-      if (_scrollContainer.value) {
-        stopScrollListener = core.useEventListener(_scrollContainer, "scroll", lazyLoadHandler);
-        setTimeout(() => handleLazyLoad(), 100);
-      }
-    }
-    function removeLazyLoadListener() {
-      if (!core.isClient || !_scrollContainer.value || !lazyLoadHandler)
-        return;
-      stopScrollListener == null ? void 0 : stopScrollListener();
-      _scrollContainer.value = void 0;
-    }
-    function wheelHandler(e) {
-      if (!e.ctrlKey)
-        return;
-      if (e.deltaY < 0) {
-        e.preventDefault();
-        return false;
-      } else if (e.deltaY > 0) {
-        e.preventDefault();
-        return false;
-      }
-    }
-    function clickHandler() {
-      if (!preview.value)
-        return;
-      stopWheelListener = core.useEventListener("wheel", wheelHandler, {
-        passive: false
-      });
-      prevOverflow = document.body.style.overflow;
-      document.body.style.overflow = "hidden";
-      showViewer.value = true;
-      emit("show");
-    }
-    function closeViewer() {
-      stopWheelListener == null ? void 0 : stopWheelListener();
-      document.body.style.overflow = prevOverflow;
-      showViewer.value = false;
-      emit("close");
-    }
-    function switchViewer(val) {
-      emit("switch", val);
-    }
-    vue.watch(() => props.src, () => {
-      if (isManual.value) {
-        isLoading.value = true;
-        hasLoadError.value = false;
-        removeLazyLoadListener();
-        addLazyLoadListener();
-      } else {
-        loadImage();
-      }
-    });
-    vue.onMounted(() => {
-      if (isManual.value) {
-        addLazyLoadListener();
-      } else {
-        loadImage();
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "container",
-        ref: container,
-        class: vue.normalizeClass([vue.unref(ns).b(), _ctx.$attrs.class]),
-        style: vue.normalizeStyle(vue.unref(containerStyle))
-      }, [
-        hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 0 }, () => [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("error"))
-          }, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
-        ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          imageSrc.value !== void 0 ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 0 }, vue.unref(attrs), {
-            src: imageSrc.value,
-            loading: _ctx.loading,
-            style: vue.unref(imageStyle),
-            class: vue.unref(imageKls),
-            onClick: clickHandler,
-            onLoad: handleLoad,
-            onError: handleError
-          }), null, 16, _hoisted_1)) : vue.createCommentVNode("v-if", true),
-          isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 1,
-            class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
-          }, [
-            vue.renderSlot(_ctx.$slots, "placeholder", {}, () => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
-              }, null, 2)
-            ])
-          ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 64)),
-        vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElImageViewer), {
-            key: 0,
-            "z-index": _ctx.zIndex,
-            "initial-index": vue.unref(imageIndex),
-            infinite: _ctx.infinite,
-            "zoom-rate": _ctx.zoomRate,
-            "min-scale": _ctx.minScale,
-            "max-scale": _ctx.maxScale,
-            "url-list": _ctx.previewSrcList,
-            "hide-on-click-modal": _ctx.hideOnClickModal,
-            teleported: _ctx.previewTeleported,
-            "close-on-press-escape": _ctx.closeOnPressEscape,
-            onClose: closeViewer,
-            onSwitch: switchViewer
-          }, {
-            default: vue.withCtx(() => [
-              _ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-                vue.renderSlot(_ctx.$slots, "viewer")
-              ])) : vue.createCommentVNode("v-if", true)
-            ]),
-            _: 3
-          }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
-        ], 64)) : vue.createCommentVNode("v-if", true)
-      ], 6);
-    };
+const imageProps = runtime.buildProps({
+  hideOnClickModal: Boolean,
+  src: {
+    type: String,
+    default: ""
+  },
+  fit: {
+    type: String,
+    values: ["", "contain", "cover", "fill", "none", "scale-down"],
+    default: ""
+  },
+  loading: {
+    type: String,
+    values: ["eager", "lazy"]
+  },
+  lazy: Boolean,
+  scrollContainer: {
+    type: runtime.definePropType([String, Object])
+  },
+  previewSrcList: {
+    type: runtime.definePropType(Array),
+    default: () => typescript.mutable([])
+  },
+  previewTeleported: Boolean,
+  zIndex: {
+    type: Number
+  },
+  initialIndex: {
+    type: Number,
+    default: 0
+  },
+  infinite: {
+    type: Boolean,
+    default: true
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: true
+  },
+  zoomRate: {
+    type: Number,
+    default: 1.2
+  },
+  minScale: {
+    type: Number,
+    default: 0.2
+  },
+  maxScale: {
+    type: Number,
+    default: 7
   }
 });
-var Image = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\openResource\\code-monkey-ui\\packages\\components\\image\\src\\image.vue"]]);
+const imageEmits = {
+  load: (evt) => evt instanceof Event,
+  error: (evt) => evt instanceof Event,
+  switch: (val) => types.isNumber(val),
+  close: () => true,
+  show: () => true
+};
 
-exports["default"] = Image;
+exports.imageEmits = imageEmits;
+exports.imageProps = imageProps;
 //# sourceMappingURL=image.js.map