tdesign-vue-next 0.17.1 → 0.17.2

package/CHANGELOG.md

@@ -5,13 +5,19 @@ toc: false
 docClass: timeline
 ---
 
+## 🌈 0.17.2 `2022-06-28` 
+### 🐞 Bug Fixes
+- `ClassPrefix`: 未使用classPrefix的节点修复 ([#1091](https://github.com/Tencent/tdesign-vue-next/issues/1091)) @pengYYYYY ([#1092](https://github.com/Tencent/tdesign-vue-next/pull/1092))
+- `Input`: `type=number` 支持 `maxlength` 限制输入长度 @sinbadmaster ([#1088](https://github.com/Tencent/tdesign-vue-next/pull/1088))
+- `Select`: 修复 `options` 属性 `disabled` 禁用选项不起作用 ([#1093](https://github.com/Tencent/tdesign-vue-next/issues/1093)) @pengYYYYY ([#1094](https://github.com/Tencent/tdesign-vue-next/pull/1094))
+
 ## 🌈 0.17.1 `2022-06-27` 
 ### 🐞 Bug Fixes
 - `Select`: 修复分组插槽使用在列表尾部会产生多余渲染，修复筛选状态交互。([issue #1048](https://github.com/Tencent/tdesign-vue-next/issues/1048)) @pengYYYYY ([#1082](https://github.com/Tencent/tdesign-vue-next/pull/1082))
 
 ## 🌈 0.17.0 `2022-06-27` 
 ### ❗ Breaking Changes
-- `reset`: 默认移除全局 reset 样式引入，可从 `tdesign-react/dist/reset.css` 中单独引入
+- `reset`: 默认移除全局 reset 样式引入，可从 `tdesign-vue-next/dist/reset.css` 中单独引入
 ### 🚀 Features
 - `Form`: 现在 `FormItem.label` 为 `string` 类型时， `Form.errorMessage` 模板中的 `${name}` 会被替换为 `FormItem.label` 属性；当 `label` 属性为 `slot/function` 时，`${name}` 会被替换为 `FormItem.name` 属性 @k1nz ([#1022](https://github.com/Tencent/tdesign-vue-next/pull/1022))
 - `Space`: 新增 `Space` 组件 @HQ-Lin ([#1035](https://github.com/Tencent/tdesign-vue-next/pull/1035))

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.1
+ * tdesign v0.17.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -11894,6 +11894,7 @@
     },
     setup: function setup(props, _ref) {
       var expose = _ref.expose;
+      var COMPONENT_NAME = usePrefixClass("message__list");
       var list = vue.ref([]);
       var messageList = vue.ref([]);
       var styles = vue.computed(function () {
@@ -11966,7 +11967,7 @@
       return function () {
         if (!list.value.length) return;
         return vue.createVNode("div", {
-          "class": "t-message__list",
+          "class": COMPONENT_NAME.value,
           "style": styles.value
         }, [list.value.map(function (item, index) {
           return vue.createVNode(_Message, vue.mergeProps({
@@ -15192,6 +15193,7 @@
           theme = _toRefs.theme,
           maxItemWidth = _toRefs.maxItemWidth;
 
+      var COMPONENT_NAME = usePrefixClass("breadcrumb");
       vue.provide("tBreadcrumb", vue.reactive({
         separator: separator,
         theme: theme,
@@ -15217,7 +15219,7 @@
         }
 
         return vue.createVNode("div", {
-          "class": "t-breadcrumb"
+          "class": COMPONENT_NAME.value
         }, [content]);
       };
     }
@@ -18851,6 +18853,10 @@
         val = _typeof$2(stringInfo) === "object" && stringInfo.characters;
       }
 
+      if (props.type === "number" && typeof props.maxlength === "number" && props.maxlength > 0) {
+        val = val.substring(0, props.maxlength);
+      }
+
       setInnerValue(val, {
         e: e
       });
@@ -23359,7 +23365,7 @@
       });
 
       var handleClick = function handleClick(e) {
-        if (props2.multiple) return;
+        if (props2.multiple || props2.disabled) return;
         e.stopPropagation();
 
         if (props2.createAble) {
@@ -23753,12 +23759,13 @@
           var _keys$value = keys.value,
               value = _keys$value.value,
               label = _keys$value.label;
-          var res = {
+
+          var res = _objectSpread$1s({
             index: dynamicIndex,
             label: get_1(option2, label),
-            value: get_1(option2, value),
-            content: option2.content
-          };
+            value: get_1(option2, value)
+          }, option2);
+
           dynamicIndex++;
           return res;
         };
@@ -32422,31 +32429,31 @@
         firstInputElement: inputRefs.firstInputRef.value,
         secondInputElement: inputRefs.secondInputRef.value,
         focus: function focus(options) {
-          var _inputRefs$$value;
+          var _inputRefs$value;
 
           var _ref2 = options || {},
               _ref2$position = _ref2.position,
               position = _ref2$position === void 0 ? "first" : _ref2$position;
 
-          (_inputRefs$$value = inputRefs["".concat(position, "InputRef")].value) === null || _inputRefs$$value === void 0 ? void 0 : _inputRefs$$value.focus();
+          (_inputRefs$value = inputRefs["".concat(position, "InputRef")].value) === null || _inputRefs$value === void 0 ? void 0 : _inputRefs$value.focus();
         },
         blur: function blur(options) {
-          var _inputRefs$$value2;
+          var _inputRefs$value2;
 
           var _ref3 = options || {},
               _ref3$position = _ref3.position,
               position = _ref3$position === void 0 ? "first" : _ref3$position;
 
-          (_inputRefs$$value2 = inputRefs["".concat(position, "InputRef")].value) === null || _inputRefs$$value2 === void 0 ? void 0 : _inputRefs$$value2.blur();
+          (_inputRefs$value2 = inputRefs["".concat(position, "InputRef")].value) === null || _inputRefs$value2 === void 0 ? void 0 : _inputRefs$value2.blur();
         },
         select: function select(options) {
-          var _inputRefs$$value3;
+          var _inputRefs$value3;
 
           var _ref4 = options || {},
               _ref4$position = _ref4.position,
               position = _ref4$position === void 0 ? "first" : _ref4$position;
 
-          (_inputRefs$$value3 = inputRefs["".concat(position, "InputRef")].value) === null || _inputRefs$$value3 === void 0 ? void 0 : _inputRefs$$value3.select();
+          (_inputRefs$value3 = inputRefs["".concat(position, "InputRef")].value) === null || _inputRefs$value3 === void 0 ? void 0 : _inputRefs$value3.select();
         }
       });
       return function () {
@@ -50264,14 +50271,14 @@
         var trListeners = {};
         ROW_LISTENERS.forEach(function (eventName) {
           trListeners["on".concat(upperFirst_1(eventName))] = function (e) {
-            var _props$;
+            var _props;
 
             var p = {
               e: e,
               row: row,
               index: rowIndex
             };
-            (_props$ = props["onRow".concat(upperFirst_1(eventName))]) === null || _props$ === void 0 ? void 0 : _props$.call(props, p);
+            (_props = props["onRow".concat(upperFirst_1(eventName))]) === null || _props === void 0 ? void 0 : _props.call(props, p);
           };
         });
         return trListeners;
@@ -52060,16 +52067,16 @@
       var getIcon = function getIcon() {
         var icon = {
           info: vue.createVNode(infoCircleFilled, {
-            "class": "t-is-info"
+            "class": "".concat(classPrefix.value, "-is-info")
           }, null),
           warning: vue.createVNode(errorCircleFilled, {
-            "class": "t-is-warning"
+            "class": "".concat(classPrefix.value, "-is-warning")
           }, null),
           danger: vue.createVNode(errorCircleFilled, {
-            "class": "t-is-error"
+            "class": "".concat(classPrefix.value, "-is-error")
           }, null),
           success: vue.createVNode(checkCircleFilled, {
-            "class": "t-is-success"
+            "class": "".concat(classPrefix.value, "-is-success")
           }, null)
         };
         return icon[props2.theme];
@@ -59188,7 +59195,7 @@
         }, [hasCollapse ? messageContent.map(function (content) {
           return vue.createVNode("div", null, [content]);
         }) : messageContent, hasCollapse ? vue.createVNode("div", {
-          "class": "t-alert__collapse",
+          "class": "".concat(COMPONENT_NAME.value, "__collapse"),
           "onClick": function onClick() {
             collapsed.value = !collapsed.value;
           }
@@ -59364,11 +59371,9 @@
 
       var drawerEle = vue.ref(null);
       var drawerClasses = vue.computed(function () {
-        return ["t-drawer", "t-drawer--".concat(props2.placement), {
-          "t-drawer--open": props2.visible,
-          "t-drawer--attach": props2.showInAttachedElement,
-          "t-drawer--without-mask": !props2.showOverlay
-        }];
+        var _ref;
+
+        return [COMPONENT_NAME.value, "".concat(COMPONENT_NAME.value, "--").concat(props2.placement), (_ref = {}, _defineProperty$3(_ref, "".concat(COMPONENT_NAME.value, "--open"), props2.visible), _defineProperty$3(_ref, "".concat(COMPONENT_NAME.value, "--attach"), props2.showInAttachedElement), _defineProperty$3(_ref, "".concat(COMPONENT_NAME.value, "--without-mask"), !props2.showOverlay), _ref)];
       });
       var sizeValue = vue.computed(function () {
         var _props2$size;
@@ -59564,11 +59569,6 @@
           renderContent = this.renderContent,
           renderTNodeJSX = this.renderTNodeJSX;
       if (this.destroyOnClose && !this.visible) return;
-
-      var defaultCloseBtn = vue.createVNode(close, {
-        "class": "t-submenu-icon"
-      }, null);
-
       var body = renderContent("body", "default");
       var headerContent = renderTNodeJSX("header");
       var defaultFooter = this.getDefaultFooter();
@@ -59592,7 +59592,7 @@
       }, [headerContent]), this.closeBtn && vue.createVNode("div", {
         "class": "".concat(COMPONENT_NAME, "__close-btn"),
         "onClick": this.handleCloseBtnClick
-      }, [renderTNodeJSX("closeBtn", defaultCloseBtn)]), vue.createVNode("div", {
+      }, [renderTNodeJSX("closeBtn", vue.createVNode(close, null, null))]), vue.createVNode("div", {
         "class": ["".concat(COMPONENT_NAME, "__body"), "narrow-scrollbar"]
       }, [body]), this.footer && vue.createVNode("div", {
         "class": "".concat(COMPONENT_NAME, "__footer")
@@ -59828,9 +59828,9 @@
           iconContent = slots.icon(null);
         } else if (props2.theme) {
           var iconType = props2.theme === "success" ? vue.createVNode(checkCircleFilled, {
-            "class": "t-is-".concat(props2.theme)
+            "class": "".concat(classPrefix.value, "-is-").concat(props2.theme)
           }, null) : vue.createVNode(infoCircleFilled, {
-            "class": "t-is-".concat(props2.theme)
+            "class": "".concat(classPrefix.value, "-is-").concat(props2.theme)
           }, null);
           iconContent = vue.createVNode("div", {
             "class": "t-notification__icon"
@@ -62644,7 +62644,7 @@
   }
   var tdesign = {
     install: install,
-    version: "0.17.1"
+    version: "0.17.2"
   };
 
   if (typeof console !== "undefined" && console.warn && typeof window !== "undefined") {