@weitutech/by-components 1.2.22 → 1.2.24

package/lib/by-components.common.js

@@ -74272,6 +74272,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
+  ByAlert: function() { return /* reexport */ ByAlert; },
   ByBatchQuerySelector: function() { return /* reexport */ BatchQuerySelector; },
   ByCardSelector: function() { return /* reexport */ ByCardSelector; },
   ByCardView: function() { return /* reexport */ ByCardView; },
@@ -78435,8 +78436,8 @@ var table_component = normalizeComponent(
 )
 
 /* harmony default export */ var table = (table_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=04cd7112&scoped=true
-var formvue_type_template_id_04cd7112_scoped_true_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=3a996c76&scoped=true
+var formvue_type_template_id_3a996c76_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -78630,6 +78631,9 @@ var formvue_type_template_id_04cd7112_scoped_true_render = function render() {
         "valueKey": item.valueKey || 'id',
         "labelKey": item.labelKey || 'name',
         "disabledKey": item.disabledKey || 'disabled',
+        "descKey": item.descKey || 'desc',
+        "extraSearchKeys": item.extraSearchKeys || [],
+        "aliasKey": item.aliasKey || 'alias',
         "disabledMethod": item.disabledMethod,
         "multiple": item.multiple !== false,
         "collapseTags": item.collapseTags !== false,
@@ -78827,7 +78831,7 @@ var formvue_type_template_id_04cd7112_scoped_true_render = function render() {
     staticClass: "footer"
   }, [_vm._t("footer")], 2)], 1);
 };
-var formvue_type_template_id_04cd7112_scoped_true_staticRenderFns = [];
+var formvue_type_template_id_3a996c76_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/pair-number-input.vue?vue&type=template&id=604235f6
 var pair_number_inputvue_type_template_id_604235f6_render = function render() {
@@ -93005,10 +93009,10 @@ var ByCommonInput_component = normalizeComponent(
 });
 ;// ./src/components/form/form.vue?vue&type=script&lang=js
  /* harmony default export */ var form_formvue_type_script_lang_js = (formvue_type_script_lang_js); 
-;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=style&index=0&id=04cd7112&prod&lang=scss&scoped=true
+;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=style&index=0&id=3a996c76&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/form/form.vue?vue&type=style&index=0&id=04cd7112&prod&lang=scss&scoped=true
+;// ./src/components/form/form.vue?vue&type=style&index=0&id=3a996c76&prod&lang=scss&scoped=true
 
 ;// ./src/components/form/form.vue
 
@@ -93021,11 +93025,11 @@ var ByCommonInput_component = normalizeComponent(
 
 var form_component = normalizeComponent(
   form_formvue_type_script_lang_js,
-  formvue_type_template_id_04cd7112_scoped_true_render,
-  formvue_type_template_id_04cd7112_scoped_true_staticRenderFns,
+  formvue_type_template_id_3a996c76_scoped_true_render,
+  formvue_type_template_id_3a996c76_scoped_true_staticRenderFns,
   false,
   null,
-  "04cd7112",
+  "3a996c76",
   null
   
 )
@@ -101708,6 +101712,83 @@ var ByTag_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByTag = (ByTag_component.exports);
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-alert/ByAlert.vue?vue&type=template&id=8ff44a10
+var ByAlertvue_type_template_id_8ff44a10_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('el-alert', _vm._g(_vm._b({
+    class: _vm.alertClass
+  }, 'el-alert', _vm.$attrs, false), _vm.$listeners), [_vm.hasTitleSlot ? _c('template', {
+    slot: "title"
+  }, [_vm._t("title")], 2) : _vm._e(), _vm._t("default")], 2);
+};
+var ByAlertvue_type_template_id_8ff44a10_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-alert/ByAlert.vue?vue&type=script&lang=js
+/**
+ * 基于 Element UI el-alert 的二次封装。
+ * 完整透传属性、事件与插槽；扩展支持虚线边框（dashed）。
+ */
+function ByAlertvue_type_script_lang_js_slotHasContent(nodes) {
+  if (!nodes) return false;
+  if (Array.isArray(nodes)) return nodes.length > 0;
+  return true;
+}
+/* harmony default export */ var ByAlertvue_type_script_lang_js = ({
+  name: 'ByAlert',
+  inheritAttrs: false,
+  props: {
+    /** 是否使用虚线边框 */
+    dashed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    /**
+     * 是否真正传入了 #title 插槽（需有内容）。
+     * 不能只用 !!$slots.title：lib 打包场景下可能存在空节点。
+     */
+    hasTitleSlot() {
+      if (ByAlertvue_type_script_lang_js_slotHasContent(this.$slots && this.$slots.title)) {
+        return true;
+      }
+      const scopedTitle = this.$scopedSlots && this.$scopedSlots.title;
+      if (typeof scopedTitle !== 'function') {
+        return false;
+      }
+      return ByAlertvue_type_script_lang_js_slotHasContent(scopedTitle({}));
+    },
+    alertClass() {
+      return {
+        'by-alert': true,
+        'by-alert--dashed': this.dashed
+      };
+    }
+  }
+});
+;// ./src/components/by-alert/ByAlert.vue?vue&type=script&lang=js
+ /* harmony default export */ var by_alert_ByAlertvue_type_script_lang_js = (ByAlertvue_type_script_lang_js); 
+;// ./src/components/by-alert/ByAlert.vue
+
+
+
+
+
+/* normalize component */
+;
+var ByAlert_component = normalizeComponent(
+  by_alert_ByAlertvue_type_script_lang_js,
+  ByAlertvue_type_template_id_8ff44a10_render,
+  ByAlertvue_type_template_id_8ff44a10_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ByAlert = (ByAlert_component.exports);
 ;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/card-view/ByCardView.vue?vue&type=template&id=55cc3152
 var ByCardViewvue_type_template_id_55cc3152_render = function render() {
   var _vm = this,
@@ -103439,6 +103520,7 @@ var ByTabPane_component = normalizeComponent(
 
 
 
+
 
 
 const components = {
@@ -103462,6 +103544,7 @@ const components = {
   ByGridLayout: ByGridLayout,
   ByCommonInput: ByCommonInput,
   ByTag: ByTag,
+  ByAlert: ByAlert,
   ByCardView: ByCardView,
   ByCardSelector: ByCardSelector,
   ByThumbnailImage: ByThumbnailImage,

package/lib/by-components.css

@@ -1 +1 @@
-.b-form .header[data-v-04cd7112]{margin-bottom:20px}.b-form .footer[data-v-04cd7112]{margin-top:20px}.by-tabs-wrapper[data-v-8c36e07e]{width:100%}
+.b-form .header[data-v-3a996c76]{margin-bottom:20px}.b-form .footer[data-v-3a996c76]{margin-top:20px}.by-tabs-wrapper[data-v-8c36e07e]{width:100%}

package/lib/by-components.umd.js

@@ -74282,6 +74282,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
+  ByAlert: function() { return /* reexport */ ByAlert; },
   ByBatchQuerySelector: function() { return /* reexport */ BatchQuerySelector; },
   ByCardSelector: function() { return /* reexport */ ByCardSelector; },
   ByCardView: function() { return /* reexport */ ByCardView; },
@@ -78445,8 +78446,8 @@ var table_component = normalizeComponent(
 )
 
 /* harmony default export */ var table = (table_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=04cd7112&scoped=true
-var formvue_type_template_id_04cd7112_scoped_true_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=3a996c76&scoped=true
+var formvue_type_template_id_3a996c76_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -78640,6 +78641,9 @@ var formvue_type_template_id_04cd7112_scoped_true_render = function render() {
         "valueKey": item.valueKey || 'id',
         "labelKey": item.labelKey || 'name',
         "disabledKey": item.disabledKey || 'disabled',
+        "descKey": item.descKey || 'desc',
+        "extraSearchKeys": item.extraSearchKeys || [],
+        "aliasKey": item.aliasKey || 'alias',
         "disabledMethod": item.disabledMethod,
         "multiple": item.multiple !== false,
         "collapseTags": item.collapseTags !== false,
@@ -78837,7 +78841,7 @@ var formvue_type_template_id_04cd7112_scoped_true_render = function render() {
     staticClass: "footer"
   }, [_vm._t("footer")], 2)], 1);
 };
-var formvue_type_template_id_04cd7112_scoped_true_staticRenderFns = [];
+var formvue_type_template_id_3a996c76_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/pair-number-input.vue?vue&type=template&id=604235f6
 var pair_number_inputvue_type_template_id_604235f6_render = function render() {
@@ -93015,10 +93019,10 @@ var ByCommonInput_component = normalizeComponent(
 });
 ;// ./src/components/form/form.vue?vue&type=script&lang=js
  /* harmony default export */ var form_formvue_type_script_lang_js = (formvue_type_script_lang_js); 
-;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=style&index=0&id=04cd7112&prod&lang=scss&scoped=true
+;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=style&index=0&id=3a996c76&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/form/form.vue?vue&type=style&index=0&id=04cd7112&prod&lang=scss&scoped=true
+;// ./src/components/form/form.vue?vue&type=style&index=0&id=3a996c76&prod&lang=scss&scoped=true
 
 ;// ./src/components/form/form.vue
 
@@ -93031,11 +93035,11 @@ var ByCommonInput_component = normalizeComponent(
 
 var form_component = normalizeComponent(
   form_formvue_type_script_lang_js,
-  formvue_type_template_id_04cd7112_scoped_true_render,
-  formvue_type_template_id_04cd7112_scoped_true_staticRenderFns,
+  formvue_type_template_id_3a996c76_scoped_true_render,
+  formvue_type_template_id_3a996c76_scoped_true_staticRenderFns,
   false,
   null,
-  "04cd7112",
+  "3a996c76",
   null
   
 )
@@ -101718,6 +101722,83 @@ var ByTag_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByTag = (ByTag_component.exports);
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-alert/ByAlert.vue?vue&type=template&id=8ff44a10
+var ByAlertvue_type_template_id_8ff44a10_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('el-alert', _vm._g(_vm._b({
+    class: _vm.alertClass
+  }, 'el-alert', _vm.$attrs, false), _vm.$listeners), [_vm.hasTitleSlot ? _c('template', {
+    slot: "title"
+  }, [_vm._t("title")], 2) : _vm._e(), _vm._t("default")], 2);
+};
+var ByAlertvue_type_template_id_8ff44a10_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-alert/ByAlert.vue?vue&type=script&lang=js
+/**
+ * 基于 Element UI el-alert 的二次封装。
+ * 完整透传属性、事件与插槽；扩展支持虚线边框（dashed）。
+ */
+function ByAlertvue_type_script_lang_js_slotHasContent(nodes) {
+  if (!nodes) return false;
+  if (Array.isArray(nodes)) return nodes.length > 0;
+  return true;
+}
+/* harmony default export */ var ByAlertvue_type_script_lang_js = ({
+  name: 'ByAlert',
+  inheritAttrs: false,
+  props: {
+    /** 是否使用虚线边框 */
+    dashed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    /**
+     * 是否真正传入了 #title 插槽（需有内容）。
+     * 不能只用 !!$slots.title：lib 打包场景下可能存在空节点。
+     */
+    hasTitleSlot() {
+      if (ByAlertvue_type_script_lang_js_slotHasContent(this.$slots && this.$slots.title)) {
+        return true;
+      }
+      const scopedTitle = this.$scopedSlots && this.$scopedSlots.title;
+      if (typeof scopedTitle !== 'function') {
+        return false;
+      }
+      return ByAlertvue_type_script_lang_js_slotHasContent(scopedTitle({}));
+    },
+    alertClass() {
+      return {
+        'by-alert': true,
+        'by-alert--dashed': this.dashed
+      };
+    }
+  }
+});
+;// ./src/components/by-alert/ByAlert.vue?vue&type=script&lang=js
+ /* harmony default export */ var by_alert_ByAlertvue_type_script_lang_js = (ByAlertvue_type_script_lang_js); 
+;// ./src/components/by-alert/ByAlert.vue
+
+
+
+
+
+/* normalize component */
+;
+var ByAlert_component = normalizeComponent(
+  by_alert_ByAlertvue_type_script_lang_js,
+  ByAlertvue_type_template_id_8ff44a10_render,
+  ByAlertvue_type_template_id_8ff44a10_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ByAlert = (ByAlert_component.exports);
 ;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/card-view/ByCardView.vue?vue&type=template&id=55cc3152
 var ByCardViewvue_type_template_id_55cc3152_render = function render() {
   var _vm = this,
@@ -103449,6 +103530,7 @@ var ByTabPane_component = normalizeComponent(
 
 
 
+
 
 
 const components = {
@@ -103472,6 +103554,7 @@ const components = {
   ByGridLayout: ByGridLayout,
   ByCommonInput: ByCommonInput,
   ByTag: ByTag,
+  ByAlert: ByAlert,
   ByCardView: ByCardView,
   ByCardSelector: ByCardSelector,
   ByThumbnailImage: ByThumbnailImage,