@weitutech/by-components 1.1.200 → 1.1.201

package/lib/by-components.common.js

@@ -74273,6 +74273,7 @@ __webpack_require__.r(__webpack_exports__);
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   ByBatchQuerySelector: function() { return /* reexport */ BatchQuerySelector; },
+  ByCardSelector: function() { return /* reexport */ ByCardSelector; },
   ByCardView: function() { return /* reexport */ ByCardView; },
   ByCascaderPanel: function() { return /* reexport */ ByCascaderPanel; },
   ByCommonInput: function() { return /* reexport */ ByCommonInput; },
@@ -91059,8 +91060,8 @@ var ByCommonSelector_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCommonSelector = (ByCommonSelector_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/batch-query-selector/BatchQuerySelector.vue?vue&type=template&id=bfef502c
-var BatchQuerySelectorvue_type_template_id_bfef502c_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/batch-query-selector/BatchQuerySelector.vue?vue&type=template&id=16c8bfda
+var BatchQuerySelectorvue_type_template_id_16c8bfda_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -91099,12 +91100,25 @@ var BatchQuerySelectorvue_type_template_id_bfef502c_render = function render() {
   }, [_vm._l(_vm.visibleOptions, function (item) {
     return _c('el-option', {
       key: item[_vm.valueKey],
+      class: {
+        'option-with-desc': _vm.hasDescContent(item)
+      },
       attrs: {
         "label": item[_vm.labelKey],
         "value": item[_vm.valueKey],
         "disabled": _vm.isOptionDisabled(item)
       }
-    });
+    }, [_vm.hasDescContent(item) ? [_c('span', {
+      staticClass: "option-label",
+      attrs: {
+        "title": String(item[_vm.labelKey])
+      }
+    }, [_vm._v(_vm._s(item[_vm.labelKey]))]), _c('span', {
+      staticClass: "option-desc",
+      attrs: {
+        "title": String(item[_vm.descKey])
+      }
+    }, [_vm._v(_vm._s(item[_vm.descKey]))])] : _vm._e()], 2);
   }), _vm.hasMoreOptions ? _c('el-option', {
     staticClass: "load-more-option",
     attrs: {
@@ -91218,7 +91232,7 @@ var BatchQuerySelectorvue_type_template_id_bfef502c_render = function render() {
     }
   })])], 1) : _vm._e()], 1)]);
 };
-var BatchQuerySelectorvue_type_template_id_bfef502c_staticRenderFns = [];
+var BatchQuerySelectorvue_type_template_id_16c8bfda_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/batch-query-selector/BatchQuerySelector.vue?vue&type=script&lang=js
 
@@ -91266,6 +91280,15 @@ var BatchQuerySelectorvue_type_template_id_bfef502c_staticRenderFns = [];
       type: String,
       default: 'name'
     },
+    /**
+     * 描述字段名
+     * 配置后，下拉选项会在名称右侧展示该字段对应的描述内容；
+     * 该字段默认不参与搜索匹配，如需让描述参与搜索，请将字段名同时加入 extraSearchKeys
+     */
+    descKey: {
+      type: String,
+      default: 'desc'
+    },
     /**
      * 下拉搜索时除 labelKey、valueKey 外额外参与匹配的字段名（不填则与原先一致，仅搜标签与值）
      */
@@ -91437,6 +91460,12 @@ var BatchQuerySelectorvue_type_template_id_bfef502c_staticRenderFns = [];
     }
   },
   methods: {
+    // 判断选项是否有可展示的描述内容
+    hasDescContent(option) {
+      if (!this.descKey) return false;
+      const val = option[this.descKey];
+      return val !== undefined && val !== null && String(val).trim() !== '';
+    },
     // 判断选项是否禁用
     isOptionDisabled(option) {
       // 如果提供了自定义禁用方法，则使用自定义方法判断
@@ -91650,28 +91679,20 @@ var BatchQuerySelectorvue_type_template_id_bfef502c_staticRenderFns = [];
         // 获取匹配的完整选项对象
         matchedItems = this.optionsList.filter(item => matchedValues.includes(item[this.valueKey]));
       } else {
-        // 默认映射逻辑
+        // 默认映射逻辑：ID 和 名称 均采用精确匹配（忽略大小写、忽略首尾空白）
         const searchKey = this.inputType === 'id' ? this.valueKey : this.labelKey;
 
-        // 先获取匹配的完整选项对象 - 从完整的optionsList中查找，而不仅仅是visibleOptions
+        // 从完整的 optionsList 中查找精确命中的项
         matchedItems = this.optionsList.filter(item => {
           // 排除禁用的选项
           if (this.isOptionDisabled(item)) {
             return false;
           }
-          return inputValues.some(input => String(item[searchKey]).toLowerCase() === String(input).toLowerCase());
+          const itemVal = String(item[searchKey]).trim().toLowerCase();
+          return inputValues.some(input => itemVal === String(input).trim().toLowerCase());
         });
 
-        // 然后提取值
-        matchedValues = matchedItems.map(item => item[this.valueKey]);
-      }
-
-      // 如果没有匹配项，尝试进行模糊匹配
-      if (matchedValues.length === 0 && this.inputType === 'name') {
-        matchedItems = this.optionsList.filter(item => {
-          if (this.isOptionDisabled(item)) return false;
-          return inputValues.some(input => String(item[this.labelKey]).toLowerCase().includes(String(input).toLowerCase()));
-        });
+        // 提取值
         matchedValues = matchedItems.map(item => item[this.valueKey]);
       }
 
@@ -91743,8 +91764,8 @@ var BatchQuerySelectorvue_type_template_id_bfef502c_staticRenderFns = [];
 ;
 var BatchQuerySelector_component = normalizeComponent(
   batch_query_selector_BatchQuerySelectorvue_type_script_lang_js,
-  BatchQuerySelectorvue_type_template_id_bfef502c_render,
-  BatchQuerySelectorvue_type_template_id_bfef502c_staticRenderFns,
+  BatchQuerySelectorvue_type_template_id_16c8bfda_render,
+  BatchQuerySelectorvue_type_template_id_16c8bfda_staticRenderFns,
   false,
   null,
   null,
@@ -97689,6 +97710,434 @@ var ByCardView_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCardView = (ByCardView_component.exports);
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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-selector/ByCardSelector.vue?vue&type=template&id=293b51e4
+var ByCardSelectorvue_type_template_id_293b51e4_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "by-card-selector",
+    class: [`by-card-selector--size-${_vm.size}`, `by-card-selector--direction-${_vm.direction}`, {
+      'is-disabled': _vm.disabled,
+      'by-card-selector--no-check': !_vm.showCheckmark
+    }],
+    style: _vm.directionStyle,
+    attrs: {
+      "role": "listbox",
+      "aria-multiselectable": _vm.multiple ? 'true' : 'false'
+    }
+  }, _vm._l(_vm.options, function (item, index) {
+    return _c('div', {
+      key: _vm.optionKey(item, index),
+      staticClass: "by-card-selector__card",
+      class: {
+        'is-selected': _vm.isSelected(item),
+        'is-disabled': _vm.isItemDisabled(item),
+        'is-focusable': !_vm.isItemDisabled(item)
+      },
+      attrs: {
+        "role": "option",
+        "aria-selected": _vm.isSelected(item) ? 'true' : 'false',
+        "aria-disabled": _vm.isItemDisabled(item) ? 'true' : 'false',
+        "tabindex": _vm.cardTabindex(item, index)
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.onCardClick(item, index);
+        },
+        "focus": function ($event) {
+          return _vm.onCardFocus(index);
+        },
+        "keydown": function ($event) {
+          return _vm.onCardKeydown($event, index);
+        }
+      }
+    }, [_vm._t("card", function () {
+      return [_c('div', {
+        staticClass: "by-card-selector__card-inner"
+      }, [_vm.hasIconArea(item) ? _c('div', {
+        staticClass: "by-card-selector__icon-wrap"
+      }, [_vm._t("icon", function () {
+        return [_vm.iconIsImage(item) ? _c('img', {
+          staticClass: "by-card-selector__icon-img",
+          attrs: {
+            "src": _vm.rawIcon(item),
+            "alt": ""
+          }
+        }) : _vm.rawIcon(item) ? _c('i', {
+          class: ['by-card-selector__icon-el', _vm.rawIcon(item)]
+        }) : _c('div', {
+          staticClass: "by-card-selector__icon-placeholder"
+        }, [_c('span', {
+          staticClass: "by-card-selector__icon-placeholder-text"
+        }, [_vm._v(_vm._s(_vm.iconFallbackLetter(item)))])])];
+      }, {
+        "item": item,
+        "index": index
+      })], 2) : _vm._e(), _c('div', {
+        staticClass: "by-card-selector__main"
+      }, [_c('div', {
+        staticClass: "by-card-selector__title-row"
+      }, [_c('span', {
+        staticClass: "by-card-selector__title"
+      }, [_vm._v(_vm._s(_vm.optionLabel(item)))]), _vm.optionTooltip(item) ? _c('el-tooltip', {
+        attrs: {
+          "content": String(_vm.optionTooltip(item)),
+          "placement": "top",
+          "open-delay": 300
+        }
+      }, [_c('span', {
+        staticClass: "by-card-selector__help",
+        on: {
+          "click": function ($event) {
+            $event.stopPropagation();
+          }
+        }
+      }, [_c('i', {
+        staticClass: "el-icon-question"
+      })])]) : _vm._e()], 1), _vm.optionDescription(item) ? _c('p', {
+        staticClass: "by-card-selector__desc"
+      }, [_vm._v(" " + _vm._s(_vm.optionDescription(item)) + " ")]) : _vm._e(), _vm.visibleTags(item).length || _vm.tagOverflowCount(item) > 0 ? _c('div', {
+        staticClass: "by-card-selector__tags"
+      }, [_vm._l(_vm.visibleTags(item), function (tag, ti) {
+        return _c('el-tag', {
+          key: ti,
+          staticClass: "by-card-selector__tag",
+          attrs: {
+            "size": "mini",
+            "type": "info",
+            "effect": "plain"
+          }
+        }, [_vm._v(" " + _vm._s(_vm.formatTag(tag)) + " ")]);
+      }), _vm.tagOverflowCount(item) > 0 ? _c('el-tag', {
+        staticClass: "by-card-selector__tag by-card-selector__tag--more",
+        attrs: {
+          "size": "mini",
+          "type": "info",
+          "effect": "plain"
+        }
+      }, [_vm._v(" +" + _vm._s(_vm.tagOverflowCount(item)) + " ")]) : _vm._e()], 2) : _vm._e()]), _vm.showCheckmark ? _c('div', {
+        staticClass: "by-card-selector__check",
+        attrs: {
+          "aria-hidden": "true"
+        }
+      }, [_vm.isSelected(item) ? _c('i', {
+        staticClass: "el-icon-check by-card-selector__check-icon"
+      }) : _vm._e()]) : _vm._e()])];
+    }, {
+      "item": item,
+      "index": index,
+      "selected": _vm.isSelected(item),
+      "disabled": _vm.isItemDisabled(item)
+    })], 2);
+  }), 0);
+};
+var ByCardSelectorvue_type_template_id_293b51e4_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/card-selector/ByCardSelector.vue?vue&type=script&lang=js
+
+
+
+
+
+const DEFAULT_OPTION_PROPS = () => ({
+  value: 'value',
+  label: 'label',
+  description: 'description',
+  icon: 'icon',
+  tooltip: 'tooltip',
+  tags: 'tags'
+});
+
+/**
+ * 卡片选择器：单选/多选 + 卡片式布局，行为类似 el-radio-group / el-checkbox-group。
+ *
+ * @example
+ * <by-card-selector v-model="id" :options="list" />
+ * <by-card-selector v-model="ids" :options="list" multiple />
+ */
+/* harmony default export */ var ByCardSelectorvue_type_script_lang_js = ({
+  name: 'ByCardSelector',
+  props: {
+    /** v-model：单选为选项 value；多选为 value 数组 */
+    value: {
+      type: [String, Number, Boolean, Object, Array],
+      default: null
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    /** 是否多选 */
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    /** 排列方向：横向（默认）或纵向；纵向时建议配合 verticalMaxHeight 以产生换列效果 */
+    direction: {
+      type: String,
+      default: 'horizontal',
+      validator: v => ['horizontal', 'vertical'].includes(v)
+    },
+    /** 纵向排列时容器最大高度，便于 flex 换列；仅 direction=vertical 时生效 */
+    verticalMaxHeight: {
+      type: String,
+      default: '320px'
+    },
+    /** 卡片尺寸 */
+    size: {
+      type: String,
+      default: 'default',
+      validator: v => ['large', 'default', 'small'].includes(v)
+    },
+    /** 整组禁用 */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /** 选项字段映射，默认 value / label / description / icon / tooltip / tags */
+    optionProps: {
+      type: Object,
+      default: () => ({})
+    },
+    /** 用于判断禁用的数据字段，默认 disabled；数值类型时 1 为可选，非 1 为不可选；布尔 true 为禁用 */
+    disabledField: {
+      type: String,
+      default: 'disabled'
+    },
+    /** 选项唯一键字段，用于 :key，默认与 value 字段一致 */
+    optionKeyField: {
+      type: String,
+      default: ''
+    },
+    /** 标签最多展示个数，其余以 +N 省略 */
+    maxVisibleTags: {
+      type: Number,
+      default: 3
+    },
+    /** 是否在卡片右侧展示圆形打钩选中指示，默认展示 */
+    showCheckmark: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      focusedIndex: 0
+    };
+  },
+  computed: {
+    mergedOptionProps() {
+      return {
+        ...DEFAULT_OPTION_PROPS(),
+        ...this.optionProps
+      };
+    },
+    keyField() {
+      return this.optionKeyField || this.mergedOptionProps.value;
+    },
+    directionStyle() {
+      if (this.direction !== 'vertical') return {};
+      return {
+        maxHeight: this.verticalMaxHeight
+      };
+    }
+  },
+  watch: {
+    options: {
+      handler(list) {
+        if (!Array.isArray(list) || list.length === 0) {
+          this.focusedIndex = 0;
+          return;
+        }
+        if (this.focusedIndex >= list.length) this.focusedIndex = list.length - 1;
+        this.$nextTick(() => this.syncFocusedToFirstEnabled());
+      },
+      deep: true
+    }
+  },
+  methods: {
+    pick(obj, key) {
+      if (obj == null || key == null || key === '') return undefined;
+      return obj[key];
+    },
+    optionKey(item, index) {
+      const v = this.pick(item, this.keyField);
+      if (v !== undefined && v !== null) return v;
+      return index;
+    },
+    optionValue(item) {
+      return this.pick(item, this.mergedOptionProps.value);
+    },
+    optionLabel(item) {
+      const v = this.pick(item, this.mergedOptionProps.label);
+      return v != null && v !== '' ? String(v) : '';
+    },
+    optionDescription(item) {
+      const v = this.pick(item, this.mergedOptionProps.description);
+      return v != null && v !== '' ? String(v) : '';
+    },
+    rawIcon(item) {
+      return this.pick(item, this.mergedOptionProps.icon);
+    },
+    optionTooltip(item) {
+      const v = this.pick(item, this.mergedOptionProps.tooltip);
+      if (v == null || v === '') return '';
+      return v;
+    },
+    rawTags(item) {
+      const raw = this.pick(item, this.mergedOptionProps.tags);
+      if (Array.isArray(raw)) return raw;
+      return [];
+    },
+    iconIsImage(item) {
+      const s = this.rawIcon(item);
+      if (typeof s !== 'string') return false;
+      return /^https?:\/\//i.test(s) || /^data:image\//i.test(s) || /\.(png|jpe?g|gif|webp|svg)(\?|$)/i.test(s);
+    },
+    hasIconArea(item) {
+      return Boolean(this.rawIcon(item)) || Boolean(this.$scopedSlots && this.$scopedSlots.icon);
+    },
+    iconFallbackLetter(item) {
+      const t = this.optionLabel(item);
+      return t ? t.trim().charAt(0).toUpperCase() : '?';
+    },
+    formatTag(tag) {
+      if (tag == null) return '';
+      if (typeof tag === 'string' || typeof tag === 'number') return String(tag);
+      if (typeof tag === 'object' && tag.label != null) return String(tag.label);
+      if (typeof tag === 'object' && tag.text != null) return String(tag.text);
+      return String(tag);
+    },
+    visibleTags(item) {
+      const tags = this.rawTags(item);
+      const max = Math.max(0, this.maxVisibleTags);
+      return tags.slice(0, max);
+    },
+    tagOverflowCount(item) {
+      const tags = this.rawTags(item);
+      const max = Math.max(0, this.maxVisibleTags);
+      return tags.length > max ? tags.length - max : 0;
+    },
+    isItemDisabled(item) {
+      if (this.disabled) return true;
+      const field = this.disabledField;
+      if (!field || !Object.prototype.hasOwnProperty.call(item, field)) return false;
+      const v = item[field];
+      if (typeof v === 'number') return v !== 1;
+      if (typeof v === 'boolean') return v === true;
+      return Boolean(v);
+    },
+    valuesEqual(a, b) {
+      return a === b || Number.isNaN(a) && Number.isNaN(b);
+    },
+    isSelected(item) {
+      const val = this.optionValue(item);
+      if (this.multiple) {
+        const list = Array.isArray(this.value) ? this.value : [];
+        return list.some(v => this.valuesEqual(v, val));
+      }
+      return this.valuesEqual(this.value, val);
+    },
+    cardTabindex(item, index) {
+      if (this.isItemDisabled(item)) return -1;
+      return this.focusedIndex === index ? 0 : -1;
+    },
+    emitChange(next) {
+      this.$emit('input', next);
+      this.$emit('change', next);
+    },
+    toggleItem(item) {
+      if (this.isItemDisabled(item)) return;
+      const val = this.optionValue(item);
+      if (this.multiple) {
+        const list = Array.isArray(this.value) ? [...this.value] : [];
+        const i = list.findIndex(v => this.valuesEqual(v, val));
+        if (i >= 0) list.splice(i, 1);else list.push(val);
+        this.emitChange(list);
+      } else if (!this.valuesEqual(this.value, val)) {
+        this.emitChange(val);
+      }
+    },
+    onCardClick(item, index) {
+      if (!this.isItemDisabled(item)) this.focusedIndex = index;
+      this.toggleItem(item);
+    },
+    onCardFocus(index) {
+      if (!this.isItemDisabled(this.options[index])) this.focusedIndex = index;
+    },
+    enabledOptionIndices() {
+      return this.options.map((it, i) => this.isItemDisabled(it) ? -1 : i).filter(i => i >= 0);
+    },
+    focusCardAtIndex(index) {
+      this.focusedIndex = index;
+      this.$nextTick(() => {
+        const nodes = this.$el && this.$el.querySelectorAll('.by-card-selector__card');
+        const el = nodes && nodes[index];
+        if (el && typeof el.focus === 'function') el.focus();
+      });
+    },
+    moveFocus(delta) {
+      const enabled = this.enabledOptionIndices();
+      if (!enabled.length) return;
+      let pos = enabled.indexOf(this.focusedIndex);
+      if (pos < 0) pos = 0;
+      pos = (pos + delta + enabled.length) % enabled.length;
+      this.focusCardAtIndex(enabled[pos]);
+    },
+    onCardKeydown(e, index) {
+      if (this.disabled || !this.options.length) return;
+      if (this.isItemDisabled(this.options[index])) return;
+      if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {
+        e.preventDefault();
+        this.moveFocus(1);
+        return;
+      }
+      if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
+        e.preventDefault();
+        this.moveFocus(-1);
+        return;
+      }
+      if (e.key === ' ' || e.key === 'Enter') {
+        e.preventDefault();
+        const item = this.options[this.focusedIndex];
+        if (item && !this.isItemDisabled(item)) this.toggleItem(item);
+      }
+    },
+    syncFocusedToFirstEnabled() {
+      const enabled = this.enabledOptionIndices();
+      if (!enabled.length) {
+        this.focusedIndex = 0;
+        return;
+      }
+      if (enabled.indexOf(this.focusedIndex) < 0) this.focusedIndex = enabled[0];
+    }
+  },
+  created() {
+    this.syncFocusedToFirstEnabled();
+  }
+});
+;// ./src/components/card-selector/ByCardSelector.vue?vue&type=script&lang=js
+ /* harmony default export */ var card_selector_ByCardSelectorvue_type_script_lang_js = (ByCardSelectorvue_type_script_lang_js); 
+;// ./src/components/card-selector/ByCardSelector.vue
+
+
+
+
+
+/* normalize component */
+;
+var ByCardSelector_component = normalizeComponent(
+  card_selector_ByCardSelectorvue_type_script_lang_js,
+  ByCardSelectorvue_type_template_id_293b51e4_render,
+  ByCardSelectorvue_type_template_id_293b51e4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ByCardSelector = (ByCardSelector_component.exports);
 ;// ./src/index.js
 
 
@@ -97714,6 +98163,7 @@ var ByCardView_component = normalizeComponent(
 
 
 
+
 
 
 const components = {
@@ -97736,7 +98186,8 @@ const components = {
   ByGridLayout: ByGridLayout,
   ByCommonInput: ByCommonInput,
   ByTag: ByTag,
-  ByCardView: ByCardView
+  ByCardView: ByCardView,
+  ByCardSelector: ByCardSelector
 };
 
 // 设置当前 z-index 起始值