@weitutech/by-components 1.2.17 → 1.2.18

package/lib/by-components.common.js

@@ -101526,8 +101526,8 @@ var ByGridLayout_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByGridLayout = (ByGridLayout_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-tag/ByTag.vue?vue&type=template&id=197fb365
-var ByTagvue_type_template_id_197fb365_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/by-tag/ByTag.vue?vue&type=template&id=91c49304
+var ByTagvue_type_template_id_91c49304_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-tag', _vm._g(_vm._b({
@@ -101536,14 +101536,25 @@ var ByTagvue_type_template_id_197fb365_render = function render() {
       "type": _vm.elTagType,
       "color": _vm.elTagColor
     }
-  }, 'el-tag', _vm.tagAttrs, false), _vm.$listeners), [_vm._t("default")], 2);
+  }, 'el-tag', _vm.tagAttrs, false), _vm.$listeners), [_vm.hasIcon ? _c('span', {
+    staticClass: "by-tag__icon",
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [_vm._t("icon", function () {
+    return [_vm.icon ? _c('i', {
+      class: _vm.icon
+    }) : _vm._e()];
+  })], 2) : _vm._e(), _vm._t("default")], 2);
 };
-var ByTagvue_type_template_id_197fb365_staticRenderFns = [];
+var ByTagvue_type_template_id_91c49304_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-tag/ByTag.vue?vue&type=script&lang=js
+
 /**
  * 原生 el-tag 的 type 仅支持：primary / success / info / warning / danger
- * 本组件扩展 type，扩展类型的背景、边框、文字由 style/by-tag.scss 统一配色
+ * 本组件扩展 type，扩展类型的背景、边框、文字由 style/by-tag.scss 统一配色；
+ * 另支持前缀图标（icon / #icon）与胶囊圆角（round）。
  */
 const NATIVE_TYPES = ['primary', 'success', 'info', 'warning', 'danger'];
 const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', 'purple', 'violet', 'lavender', 'indigo', 'cyan', 'teal', 'aqua', 'ink', 'mint', 'lime', 'forest', 'olive', 'sage', 'crimson', 'rose', 'pink', 'blossom', 'magenta', 'scarlet', 'orange', 'coral', 'brick', 'amber', 'gold', 'lemon', 'brown', 'sand', 'beige', 'wine', 'silver', 'copper'];
@@ -101560,6 +101571,19 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
     type: {
       type: String,
       default: ''
+    },
+    /**
+     * 前缀图标类名（如 el-icon-check）；也可通过 #icon 插槽完全自定义。
+     * 同时存在时优先渲染 #icon 插槽内容。
+     */
+    icon: {
+      type: String,
+      default: ''
+    },
+    /** 是否使用胶囊圆角（border-radius: 999px） */
+    round: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -101569,6 +101593,12 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
     isExtendedType() {
       return this.type && EXTENDED_TYPES.includes(this.type);
     },
+    hasIconSlot() {
+      return Boolean(this.$scopedSlots && this.$scopedSlots.icon || this.$slots && this.$slots.icon);
+    },
+    hasIcon() {
+      return Boolean(this.icon) || this.hasIconSlot;
+    },
     elTagType() {
       if (this.isNativeType) return this.type;
       if (this.isExtendedType) return ''; // 扩展类型完全由 by-tag.scss 配色
@@ -101579,8 +101609,21 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
       return this.$attrs && this.$attrs.color !== undefined ? this.$attrs.color : undefined;
     },
     tagClass() {
-      if (!this.isExtendedType) return '';
-      return ['by-tag', `by-tag--${this.type}`];
+      const classes = [];
+      // 扩展色、圆角、图标样式均挂在 .by-tag 下；原生 type 在需要时也挂上基类
+      if (this.isExtendedType || this.round || this.hasIcon) {
+        classes.push('by-tag');
+      }
+      if (this.isExtendedType) {
+        classes.push(`by-tag--${this.type}`);
+      }
+      if (this.round) {
+        classes.push('by-tag--round');
+      }
+      if (this.hasIcon) {
+        classes.push('by-tag--with-icon');
+      }
+      return classes;
     },
     tagAttrs() {
       const attrs = {
@@ -101608,8 +101651,8 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
 ;
 var ByTag_component = normalizeComponent(
   by_tag_ByTagvue_type_script_lang_js,
-  ByTagvue_type_template_id_197fb365_render,
-  ByTagvue_type_template_id_197fb365_staticRenderFns,
+  ByTagvue_type_template_id_91c49304_render,
+  ByTagvue_type_template_id_91c49304_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -101536,8 +101536,8 @@ var ByGridLayout_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByGridLayout = (ByGridLayout_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-tag/ByTag.vue?vue&type=template&id=197fb365
-var ByTagvue_type_template_id_197fb365_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/by-tag/ByTag.vue?vue&type=template&id=91c49304
+var ByTagvue_type_template_id_91c49304_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-tag', _vm._g(_vm._b({
@@ -101546,14 +101546,25 @@ var ByTagvue_type_template_id_197fb365_render = function render() {
       "type": _vm.elTagType,
       "color": _vm.elTagColor
     }
-  }, 'el-tag', _vm.tagAttrs, false), _vm.$listeners), [_vm._t("default")], 2);
+  }, 'el-tag', _vm.tagAttrs, false), _vm.$listeners), [_vm.hasIcon ? _c('span', {
+    staticClass: "by-tag__icon",
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [_vm._t("icon", function () {
+    return [_vm.icon ? _c('i', {
+      class: _vm.icon
+    }) : _vm._e()];
+  })], 2) : _vm._e(), _vm._t("default")], 2);
 };
-var ByTagvue_type_template_id_197fb365_staticRenderFns = [];
+var ByTagvue_type_template_id_91c49304_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-tag/ByTag.vue?vue&type=script&lang=js
+
 /**
  * 原生 el-tag 的 type 仅支持：primary / success / info / warning / danger
- * 本组件扩展 type，扩展类型的背景、边框、文字由 style/by-tag.scss 统一配色
+ * 本组件扩展 type，扩展类型的背景、边框、文字由 style/by-tag.scss 统一配色；
+ * 另支持前缀图标（icon / #icon）与胶囊圆角（round）。
  */
 const NATIVE_TYPES = ['primary', 'success', 'info', 'warning', 'danger'];
 const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', 'purple', 'violet', 'lavender', 'indigo', 'cyan', 'teal', 'aqua', 'ink', 'mint', 'lime', 'forest', 'olive', 'sage', 'crimson', 'rose', 'pink', 'blossom', 'magenta', 'scarlet', 'orange', 'coral', 'brick', 'amber', 'gold', 'lemon', 'brown', 'sand', 'beige', 'wine', 'silver', 'copper'];
@@ -101570,6 +101581,19 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
     type: {
       type: String,
       default: ''
+    },
+    /**
+     * 前缀图标类名（如 el-icon-check）；也可通过 #icon 插槽完全自定义。
+     * 同时存在时优先渲染 #icon 插槽内容。
+     */
+    icon: {
+      type: String,
+      default: ''
+    },
+    /** 是否使用胶囊圆角（border-radius: 999px） */
+    round: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -101579,6 +101603,12 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
     isExtendedType() {
       return this.type && EXTENDED_TYPES.includes(this.type);
     },
+    hasIconSlot() {
+      return Boolean(this.$scopedSlots && this.$scopedSlots.icon || this.$slots && this.$slots.icon);
+    },
+    hasIcon() {
+      return Boolean(this.icon) || this.hasIconSlot;
+    },
     elTagType() {
       if (this.isNativeType) return this.type;
       if (this.isExtendedType) return ''; // 扩展类型完全由 by-tag.scss 配色
@@ -101589,8 +101619,21 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
       return this.$attrs && this.$attrs.color !== undefined ? this.$attrs.color : undefined;
     },
     tagClass() {
-      if (!this.isExtendedType) return '';
-      return ['by-tag', `by-tag--${this.type}`];
+      const classes = [];
+      // 扩展色、圆角、图标样式均挂在 .by-tag 下；原生 type 在需要时也挂上基类
+      if (this.isExtendedType || this.round || this.hasIcon) {
+        classes.push('by-tag');
+      }
+      if (this.isExtendedType) {
+        classes.push(`by-tag--${this.type}`);
+      }
+      if (this.round) {
+        classes.push('by-tag--round');
+      }
+      if (this.hasIcon) {
+        classes.push('by-tag--with-icon');
+      }
+      return classes;
     },
     tagAttrs() {
       const attrs = {
@@ -101618,8 +101661,8 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
 ;
 var ByTag_component = normalizeComponent(
   by_tag_ByTagvue_type_script_lang_js,
-  ByTagvue_type_template_id_197fb365_render,
-  ByTagvue_type_template_id_197fb365_staticRenderFns,
+  ByTagvue_type_template_id_91c49304_render,
+  ByTagvue_type_template_id_91c49304_staticRenderFns,
   false,
   null,
   null,