@deppon/deppon-template 2.3.4 → 2.3.6

package/es/pro-field/components/TagInput/FieldTagInput.vue.css

@@ -12,12 +12,22 @@
   row-gap: 8px;
 }
 .field-tag-input .tag-input-input-row .tag-input-input-wrap {
-  display: inline-flex;
+  display: flex;
   align-items: stretch;
-  min-width: 240px;
+  flex: 1 1 360px;
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
 }
 .field-tag-input .tag-input-input-row .tag-input-input-wrap .tag-input-input {
-  width: 200px;
+  width: 100%;
+  min-width: 0;
+}
+.field-tag-input .tag-input-input-row .tag-input-input-wrap .tag-input-input .el-input,
+.field-tag-input .tag-input-input-row .tag-input-input-wrap .tag-input-input .el-input-group,
+.field-tag-input .tag-input-input-row .tag-input-input-wrap .tag-input-input .el-input-group--append {
+  width: 100%;
+  max-width: 100%;
 }
 .field-tag-input .tag-input-input-row .tag-input-input-wrap .tag-input-input .el-input-group__append {
   padding: 0;

package/es/pro-field/components/TagInput/FieldTagInput.vue_vue_type_script_setup_true_lang.vue.js

@@ -154,7 +154,9 @@ var script = {
       var trimmed = (value || '').trim();
       var rules = addRules.value;
       if (!rules.length) {
-        if (!trimmed) return '请输入';
+        // 未显式配置添加校验规则时，空输入仅拦截，不展示内部错误，
+        // 避免与外层 el-form-item 的必填提示重复显示。
+        if (!trimmed) return '';
         return '';
       }
       var _iterator = _createForOfIteratorHelper(rules),
@@ -210,31 +212,41 @@ var script = {
               raw = (_inputValue$value = inputValue.value) !== null && _inputValue$value !== void 0 ? _inputValue$value : '';
               name = raw.trim();
               list = _toConsumableArray(tagList.value);
+              if (name) {
+                _context.next = 2;
+                break;
+              }
+              // 空值不允许加入；未配置 addRules 时静默拦截，避免与外层必填提示重复。
+              if (addRules.value.length) {
+                addError.value = validateAddInput(raw, list);
+              }
+              return _context.abrupt("return");
+            case 2:
               err = validateAddInput(raw, list);
               if (!err) {
-                _context.next = 2;
+                _context.next = 3;
                 break;
               }
               addError.value = err;
               return _context.abrupt("return");
-            case 2:
+            case 3:
               if (!(list.length >= maxCount.value)) {
-                _context.next = 3;
+                _context.next = 4;
                 break;
               }
               addError.value = "\u6700\u591A\u6DFB\u52A0".concat(maxCount.value, "\u4E2A");
               return _context.abrupt("return");
-            case 3:
+            case 4:
               onAdd = (_props$fieldProps1 = props.fieldProps) === null || _props$fieldProps1 === void 0 ? void 0 : _props$fieldProps1.onAdd;
               if (!(typeof onAdd === 'function')) {
-                _context.next = 9;
+                _context.next = 10;
                 break;
               }
               addLoading.value = true;
-              _context.prev = 4;
-              _context.next = 5;
+              _context.prev = 5;
+              _context.next = 6;
               return Promise.resolve(onAdd(name, list));
-            case 5:
+            case 6:
               result = _context.sent;
               if (Array.isArray(result)) {
                 emit('update:text', result);
@@ -254,18 +266,18 @@ var script = {
                   return (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || (_inputRef$value2$focu = _inputRef$value2.focus) === null || _inputRef$value2$focu === void 0 ? void 0 : _inputRef$value2$focu.call(_inputRef$value2);
                 });
               }
-              _context.next = 7;
+              _context.next = 8;
               break;
-            case 6:
-              _context.prev = 6;
-              _context["catch"](4);
             case 7:
               _context.prev = 7;
-              addLoading.value = false;
-              return _context.finish(7);
+              _context["catch"](5);
             case 8:
-              return _context.abrupt("return");
+              _context.prev = 8;
+              addLoading.value = false;
+              return _context.finish(8);
             case 9:
+              return _context.abrupt("return");
+            case 10:
               list.push(name);
               emit('update:text', list);
               inputValue.value = '';
@@ -274,11 +286,11 @@ var script = {
                 var _inputRef$value3, _inputRef$value3$focu;
                 return (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 || (_inputRef$value3$focu = _inputRef$value3.focus) === null || _inputRef$value3$focu === void 0 ? void 0 : _inputRef$value3$focu.call(_inputRef$value3);
               });
-            case 10:
+            case 11:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[4, 6, 7, 8]]);
+        }, _callee, null, [[5, 7, 8, 9]]);
       }));
       return _addItem.apply(this, arguments);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@deppon/deppon-template",
-    "version": "2.3.4",
+    "version": "2.3.6",
     "main": "es/index.js",
     "module": "es/index.js",
     "typings": "es/index.d.ts",
@@ -43,11 +43,11 @@
         "less": "^4.2.0"
     },
     "dependencies": {
-        "@deppon/deppon-assets": "2.3.4",
-        "@deppon/deppon-request": "2.3.4",
-        "@deppon/deppon-router": "2.3.4",
-        "@deppon/deppon-ui": "2.3.4",
-        "@deppon/deppon-utils": "2.3.4",
+        "@deppon/deppon-assets": "2.3.6",
+        "@deppon/deppon-request": "2.3.6",
+        "@deppon/deppon-router": "2.3.6",
+        "@deppon/deppon-ui": "2.3.6",
+        "@deppon/deppon-utils": "2.3.6",
         "dayjs": "^1.11.10",
         "lodash-es": "^4.17.21",
         "mitt": "^3.0.1"