@deppon/deppon-template 2.2.7 → 2.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/es/pro-field/components/DatePicker/FieldDatePicker.vue_vue_type_script_setup_true_lang.vue.js +60 -16
  2. package/es/pro-field/components/Select/FieldSelect.vue_vue_type_script_setup_true_lang.vue.js +57 -12
  3. package/es/pro-field/components/TagInput/FieldTagInput.vue_vue_type_script_setup_true_lang.vue.js +58 -15
  4. package/es/pro-field/components/Text/FieldText.vue.css +12 -2
  5. package/es/pro-field/components/Text/FieldText.vue_vue_type_script_setup_true_lang.vue.js +104 -27
  6. package/package.json +6 -6
package/es/pro-field/components/DatePicker/FieldDatePicker.vue_vue_type_script_setup_true_lang.vue.js CHANGED
@@ -1,22 +1,19 @@
1
1
  import '../../../_virtual/_rollup-plugin-inject-process-env.js';
2
2
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import { ref, computed, openBlock, createElementBlock, Fragment, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, createVNode, unref, mergeProps, renderSlot } from 'vue';
4
- import { ElDatePicker } from '@deppon/deppon-ui';
3
+ import { ref, computed, onMounted, nextTick, onUnmounted, watch, openBlock, createElementBlock, Fragment, toDisplayString, createCommentVNode, createVNode, unref, withCtx, createElementVNode, normalizeClass, mergeProps, renderSlot } from 'vue';
4
+ import { ElTooltip, ElDatePicker } from '@deppon/deppon-ui';
5
5
 
6
6
  var _excluded = ["placeholder", "start-placeholder", "end-placeholder"];
7
7
  var _hoisted_1 = {
8
8
  key: 0
9
9
  };
10
10
  var _hoisted_2 = {
11
- "class": "field-readonly-content"
12
- };
13
- var _hoisted_3 = {
14
11
  key: 1
15
12
  };
16
- var _hoisted_4 = {
13
+ var _hoisted_3 = {
17
14
  "class": "field-date-picker-tooltip-wrapper"
18
15
  };
19
- var _hoisted_5 = {
16
+ var _hoisted_4 = {
20
17
  "class": "field-date-picker-error"
21
18
  };
22
19
  var script = {
@@ -89,6 +86,38 @@ var script = {
89
86
 
90
87
  // date-picker 引用
91
88
  var datePickerRef = ref(null);
89
+ var readonlyRef = ref(null);
90
+ var readonlyOverflow = ref(false);
91
+ var checkReadonlyOverflow = function checkReadonlyOverflow() {
92
+ var el = readonlyRef.value;
93
+ if (!el) {
94
+ readonlyOverflow.value = false;
95
+ return;
96
+ }
97
+ readonlyOverflow.value = el.scrollWidth > el.clientWidth;
98
+ };
99
+ var readonlyTooltipContent = computed(function () {
100
+ var _ref2, _displayText$value;
101
+ var v = (_ref2 = (_displayText$value = displayText.value) !== null && _displayText$value !== void 0 ? _displayText$value : props.emptyText) !== null && _ref2 !== void 0 ? _ref2 : '-';
102
+ if (v === null || v === undefined) return '';
103
+ var s = String(v);
104
+ if (!s || s === '-') return '';
105
+ return s;
106
+ });
107
+ onMounted(function () {
108
+ nextTick(checkReadonlyOverflow);
109
+ window.addEventListener('resize', checkReadonlyOverflow);
110
+ });
111
+ onUnmounted(function () {
112
+ window.removeEventListener('resize', checkReadonlyOverflow);
113
+ });
114
+ watch(function () {
115
+ return [props.mode, props.text, props.fieldProps, props.pickerType];
116
+ }, function () {
117
+ return nextTick(checkReadonlyOverflow);
118
+ }, {
119
+ deep: true
120
+ });
92
121
 
93
122
  // 判断是否为日期范围类型
94
123
  var isRangeType = computed(function () {
@@ -149,11 +178,11 @@ var script = {
149
178
 
150
179
  // 从 fieldProps 中排除 placeholder 相关属性，避免与单独的属性冲突
151
180
  var fieldPropsWithoutPlaceholder = computed(function () {
152
- var _ref2 = props.fieldProps || {};
153
- _ref2.placeholder;
154
- _ref2['start-placeholder'];
155
- _ref2['end-placeholder'];
156
- var rest = _objectWithoutProperties(_ref2, _excluded);
181
+ var _ref3 = props.fieldProps || {};
182
+ _ref3.placeholder;
183
+ _ref3['start-placeholder'];
184
+ _ref3['end-placeholder'];
185
+ var rest = _objectWithoutProperties(_ref3, _excluded);
157
186
  return rest;
158
187
  });
159
188
  var dateValue = computed({
@@ -195,15 +224,30 @@ var script = {
195
224
  return props.text || props.emptyText || '-';
196
225
  });
197
226
  return function (_ctx, _cache) {
198
- var _props$fieldProps8, _displayText$value, _props$fieldProps9;
227
+ var _props$fieldProps8, _props$fieldProps9;
199
228
  return __props.mode === 'read' ? (openBlock(), createElementBlock(Fragment, {
200
229
  key: 0
201
- }, [(_props$fieldProps8 = __props.fieldProps) !== null && _props$fieldProps8 !== void 0 && _props$fieldProps8.prefix ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.fieldProps.prefix), 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, toDisplayString((_displayText$value = displayText.value) !== null && _displayText$value !== void 0 ? _displayText$value : __props.emptyText || '-'), 1 /* TEXT */), (_props$fieldProps9 = __props.fieldProps) !== null && _props$fieldProps9 !== void 0 && _props$fieldProps9.suffix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.fieldProps.suffix), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : __props.mode === 'edit' || __props.mode === 'update' ? (openBlock(), createElementBlock("div", {
230
+ }, [(_props$fieldProps8 = __props.fieldProps) !== null && _props$fieldProps8 !== void 0 && _props$fieldProps8.prefix ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.fieldProps.prefix), 1 /* TEXT */)) : createCommentVNode("v-if", true), createVNode(unref(ElTooltip), {
231
+ content: readonlyTooltipContent.value,
232
+ placement: "top",
233
+ trigger: "click",
234
+ disabled: !readonlyTooltipContent.value || !readonlyOverflow.value
235
+ }, {
236
+ "default": withCtx(function () {
237
+ var _displayText$value2;
238
+ return [createElementVNode("span", {
239
+ ref_key: "readonlyRef",
240
+ ref: readonlyRef,
241
+ "class": "field-readonly-content"
242
+ }, toDisplayString((_displayText$value2 = displayText.value) !== null && _displayText$value2 !== void 0 ? _displayText$value2 : __props.emptyText || '-'), 513 /* TEXT, NEED_PATCH */)];
243
+ }),
244
+ _: 1 /* STABLE */
245
+ }, 8 /* PROPS */, ["content", "disabled"]), (_props$fieldProps9 = __props.fieldProps) !== null && _props$fieldProps9 !== void 0 && _props$fieldProps9.suffix ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.fieldProps.suffix), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : __props.mode === 'edit' || __props.mode === 'update' ? (openBlock(), createElementBlock("div", {
202
246
  key: 1,
203
247
  "class": normalizeClass(["field-date-picker-wrapper", {
204
248
  'has-error': __props.error
205
249
  }])
206
- }, [createElementVNode("div", _hoisted_4, [createVNode(unref(ElDatePicker), mergeProps({
250
+ }, [createElementVNode("div", _hoisted_3, [createVNode(unref(ElDatePicker), mergeProps({
207
251
  ref_key: "datePickerRef",
208
252
  ref: datePickerRef,
209
253
  modelValue: dateValue.value,
@@ -223,7 +267,7 @@ var script = {
223
267
  key: 0,
224
268
  error: __props.error
225
269
  }, function () {
226
- return [createCommentVNode(" 默认错误显示（如果没有提供 error slot） "), createElementVNode("div", _hoisted_5, toDisplayString(__props.error), 1 /* TEXT */)];
270
+ return [createCommentVNode(" 默认错误显示（如果没有提供 error slot） "), createElementVNode("div", _hoisted_4, toDisplayString(__props.error), 1 /* TEXT */)];
227
271
  }) : createCommentVNode("v-if", true)], 2 /* CLASS */)) : createCommentVNode("v-if", true);
228
272
  };
229
273
  }
package/es/pro-field/components/Select/FieldSelect.vue_vue_type_script_setup_true_lang.vue.js CHANGED
@@ -3,8 +3,8 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
3
3
  import _typeof from '@babel/runtime/helpers/typeof';
4
4
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
5
5
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
6
- import { ref, computed, shallowRef, watch, onMounted, nextTick, onUnmounted, openBlock, createElementBlock, Fragment, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, createBlock, unref, mergeProps, createSlots, withCtx, withModifiers, createVNode, createTextVNode, renderList, renderSlot } from 'vue';
7
- import { ElCascader, ElTooltip, ElCheckbox, ElButton, ElSelect, ElOption } from '@deppon/deppon-ui';
6
+ import { ref, computed, onMounted, nextTick, onUnmounted, watch, shallowRef, openBlock, createElementBlock, Fragment, toDisplayString, createCommentVNode, createVNode, unref, withCtx, createElementVNode, normalizeClass, createBlock, mergeProps, createSlots, withModifiers, createTextVNode, renderList, renderSlot } from 'vue';
7
+ import { ElTooltip, ElCascader, ElCheckbox, ElButton, ElSelect, ElOption } from '@deppon/deppon-ui';
8
8
 
9
9
  var _excluded = ["suffix", "remoteMethod", "query", "total", "pagination"];
10
10
  function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -139,6 +139,38 @@ var script = {
139
139
  var __emit = _ref.emit;
140
140
  var props = __props;
141
141
  var emit = __emit;
142
+ var readonlyRef = ref(null);
143
+ var readonlyOverflow = ref(false);
144
+ var checkReadonlyOverflow = function checkReadonlyOverflow() {
145
+ var el = readonlyRef.value;
146
+ if (!el) {
147
+ readonlyOverflow.value = false;
148
+ return;
149
+ }
150
+ readonlyOverflow.value = el.scrollWidth > el.clientWidth;
151
+ };
152
+ var readonlyTooltipContent = computed(function () {
153
+ var _ref2, _displayText$value;
154
+ var v = (_ref2 = (_displayText$value = displayText.value) !== null && _displayText$value !== void 0 ? _displayText$value : props.emptyText) !== null && _ref2 !== void 0 ? _ref2 : '-';
155
+ if (v === null || v === undefined) return '';
156
+ var s = String(v);
157
+ if (!s || s === '-') return '';
158
+ return s;
159
+ });
160
+ onMounted(function () {
161
+ nextTick(checkReadonlyOverflow);
162
+ window.addEventListener('resize', checkReadonlyOverflow);
163
+ });
164
+ onUnmounted(function () {
165
+ window.removeEventListener('resize', checkReadonlyOverflow);
166
+ });
167
+ watch(function () {
168
+ return [props.mode, props.text, props.options, props.fieldProps];
169
+ }, function () {
170
+ return nextTick(checkReadonlyOverflow);
171
+ }, {
172
+ deep: true
173
+ });
142
174
 
143
175
  // Cascader 组件引用
144
176
  var cascaderRef = ref(null);
@@ -2837,15 +2869,28 @@ var script = {
2837
2869
  return props.text || props.emptyText || '-';
2838
2870
  });
2839
2871
  return function (_ctx, _cache) {
2840
- var _props$fieldProps51, _displayText$value, _props$fieldProps52, _props$fieldProps54, _props$fieldProps55;
2872
+ var _props$fieldProps51, _props$fieldProps52, _props$fieldProps54, _props$fieldProps55;
2841
2873
  return __props.mode === 'read' ? (openBlock(), createElementBlock(Fragment, {
2842
2874
  key: 0
2843
- }, [(_props$fieldProps51 = __props.fieldProps) !== null && _props$fieldProps51 !== void 0 && _props$fieldProps51.prefix && !isEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.fieldProps.prefix), 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("span", {
2844
- "class": normalizeClass({
2845
- 'area-readonly-text': isAreaType.value,
2846
- 'field-readonly-content': true
2847
- })
2848
- }, toDisplayString((_displayText$value = displayText.value) !== null && _displayText$value !== void 0 ? _displayText$value : __props.emptyText || '-'), 3 /* TEXT, CLASS */), (_props$fieldProps52 = __props.fieldProps) !== null && _props$fieldProps52 !== void 0 && _props$fieldProps52.suffix && !isEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.fieldProps.suffix), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : __props.mode === 'edit' || __props.mode === 'update' ? (openBlock(), createElementBlock("div", {
2875
+ }, [(_props$fieldProps51 = __props.fieldProps) !== null && _props$fieldProps51 !== void 0 && _props$fieldProps51.prefix && !isEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.fieldProps.prefix), 1 /* TEXT */)) : createCommentVNode("v-if", true), createVNode(unref(ElTooltip), {
2876
+ content: readonlyTooltipContent.value,
2877
+ placement: "top",
2878
+ trigger: "click",
2879
+ disabled: !readonlyTooltipContent.value || !readonlyOverflow.value
2880
+ }, {
2881
+ "default": withCtx(function () {
2882
+ var _displayText$value2;
2883
+ return [createElementVNode("span", {
2884
+ ref_key: "readonlyRef",
2885
+ ref: readonlyRef,
2886
+ "class": normalizeClass({
2887
+ 'area-readonly-text': isAreaType.value,
2888
+ 'field-readonly-content': true
2889
+ })
2890
+ }, toDisplayString((_displayText$value2 = displayText.value) !== null && _displayText$value2 !== void 0 ? _displayText$value2 : __props.emptyText || '-'), 3 /* TEXT, CLASS */)];
2891
+ }),
2892
+ _: 1 /* STABLE */
2893
+ }, 8 /* PROPS */, ["content", "disabled"]), (_props$fieldProps52 = __props.fieldProps) !== null && _props$fieldProps52 !== void 0 && _props$fieldProps52.suffix && !isEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.fieldProps.suffix), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : __props.mode === 'edit' || __props.mode === 'update' ? (openBlock(), createElementBlock("div", {
2849
2894
  key: 1,
2850
2895
  "class": normalizeClass(["field-select-wrapper", {
2851
2896
  'has-error': __props.error
@@ -2872,9 +2917,9 @@ var script = {
2872
2917
  onChange: handleCascaderChange,
2873
2918
  onVisibleChange: handleCascaderVisibleChange
2874
2919
  }), createSlots({
2875
- "default": withCtx(function (_ref2) {
2876
- var node = _ref2.node,
2877
- data = _ref2.data;
2920
+ "default": withCtx(function (_ref3) {
2921
+ var node = _ref3.node,
2922
+ data = _ref3.data;
2878
2923
  return [createCommentVNode(" 如果提供了 cascaderNodePrefix 插槽，使用插槽内容作为前缀 "), createCommentVNode(" <template v-if=\"$slots.cascaderNodePrefix\">\n <slot name=\"cascaderNodePrefix\" :node=\"node\" :data=\"data\" />\n </template> "), createCommentVNode(" 如果通过 props 配置了 prefix，显示 prefix "), getNodePrefix(node, data) ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(getNodePrefix(node, data)), 1 /* TEXT */)) : createCommentVNode("v-if", true), createCommentVNode(" 如果节点有被禁用的子节点，显示自定义布局 "), data._disabledChildren && data._disabledChildren.length > 0 ? (openBlock(), createBlock(unref(ElTooltip), {
2879
2924
  key: 1,
2880
2925
  content: getDisabledChildrenTooltip(data._disabledChildren),
package/es/pro-field/components/TagInput/FieldTagInput.vue_vue_type_script_setup_true_lang.vue.js CHANGED
@@ -2,8 +2,8 @@ import '../../../_virtual/_rollup-plugin-inject-process-env.js';
2
2
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
3
3
  import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
4
4
  import _regeneratorRuntime from '@babel/runtime/regenerator';
5
- import { ref, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, normalizeClass, createVNode, unref, withKeys, withModifiers, withCtx, createTextVNode, TransitionGroup, Fragment, renderList, createBlock, nextTick } from 'vue';
6
- import { ElInput, ElButton, ElTag } from '@deppon/deppon-ui';
5
+ import { ref, computed, onMounted, nextTick, onUnmounted, watch, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, toDisplayString, createCommentVNode, normalizeClass, withKeys, withModifiers, createTextVNode, TransitionGroup, Fragment, renderList, createBlock } from 'vue';
6
+ import { ElTooltip, ElInput, ElButton, ElTag } from '@deppon/deppon-ui';
7
7
 
8
8
  function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
9
9
  function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -13,28 +13,25 @@ var _hoisted_1 = {
13
13
  "class": "field-tag-input-readonly"
14
14
  };
15
15
  var _hoisted_2 = {
16
- "class": "field-readonly-content"
17
- };
18
- var _hoisted_3 = {
19
16
  key: 1,
20
17
  "class": "field-tag-input"
21
18
  };
22
- var _hoisted_4 = {
19
+ var _hoisted_3 = {
23
20
  "class": "tag-input-input-wrap"
24
21
  };
25
- var _hoisted_5 = {
22
+ var _hoisted_4 = {
26
23
  key: 0,
27
24
  "class": "tag-input-tip"
28
25
  };
29
- var _hoisted_6 = {
26
+ var _hoisted_5 = {
30
27
  key: 0,
31
28
  "class": "tag-input-add-error"
32
29
  };
33
- var _hoisted_7 = {
30
+ var _hoisted_6 = {
34
31
  key: 1,
35
32
  "class": "tag-input-list-row"
36
33
  };
37
- var _hoisted_8 = {
34
+ var _hoisted_7 = {
38
35
  key: 0,
39
36
  "class": "tag-input-list-label"
40
37
  };
@@ -72,6 +69,38 @@ var script = {
72
69
  var removingIndex = ref(-1);
73
70
  /** 添加时校验失败的错误信息，在输入框下方展示 */
74
71
  var addError = ref('');
72
+ var readonlyRef = ref(null);
73
+ var readonlyOverflow = ref(false);
74
+ var checkReadonlyOverflow = function checkReadonlyOverflow() {
75
+ var el = readonlyRef.value;
76
+ if (!el) {
77
+ readonlyOverflow.value = false;
78
+ return;
79
+ }
80
+ readonlyOverflow.value = el.scrollWidth > el.clientWidth;
81
+ };
82
+ var readonlyTooltipContent = computed(function () {
83
+ var _ref2, _displayText$value;
84
+ var v = (_ref2 = (_displayText$value = displayText.value) !== null && _displayText$value !== void 0 ? _displayText$value : props.emptyText) !== null && _ref2 !== void 0 ? _ref2 : '-';
85
+ if (v === null || v === undefined) return '';
86
+ var s = String(v);
87
+ if (!s || s === '-') return '';
88
+ return s;
89
+ });
90
+ onMounted(function () {
91
+ nextTick(checkReadonlyOverflow);
92
+ window.addEventListener('resize', checkReadonlyOverflow);
93
+ });
94
+ onUnmounted(function () {
95
+ window.removeEventListener('resize', checkReadonlyOverflow);
96
+ });
97
+ watch(function () {
98
+ return [props.mode, props.text, props.fieldProps];
99
+ }, function () {
100
+ return nextTick(checkReadonlyOverflow);
101
+ }, {
102
+ deep: true
103
+ });
75
104
  var inputPlaceholder = computed(function () {
76
105
  var _props$fieldProps$pla, _props$fieldProps;
77
106
  return (_props$fieldProps$pla = (_props$fieldProps = props.fieldProps) === null || _props$fieldProps === void 0 ? void 0 : _props$fieldProps.placeholder) !== null && _props$fieldProps$pla !== void 0 ? _props$fieldProps$pla : '请输入';
@@ -103,8 +132,8 @@ var script = {
103
132
 
104
133
  /** 添加时输入框的校验规则：优先 fieldProps.rules（来自 form/column），其次 fieldProps.addRules */
105
134
  var addRules = computed(function () {
106
- var _ref2, _props$fieldProps$rul, _props$fieldProps8, _props$fieldProps9;
107
- return (_ref2 = (_props$fieldProps$rul = (_props$fieldProps8 = props.fieldProps) === null || _props$fieldProps8 === void 0 ? void 0 : _props$fieldProps8.rules) !== null && _props$fieldProps$rul !== void 0 ? _props$fieldProps$rul : (_props$fieldProps9 = props.fieldProps) === null || _props$fieldProps9 === void 0 ? void 0 : _props$fieldProps9.addRules) !== null && _ref2 !== void 0 ? _ref2 : [];
135
+ var _ref3, _props$fieldProps$rul, _props$fieldProps8, _props$fieldProps9;
136
+ return (_ref3 = (_props$fieldProps$rul = (_props$fieldProps8 = props.fieldProps) === null || _props$fieldProps8 === void 0 ? void 0 : _props$fieldProps8.rules) !== null && _props$fieldProps$rul !== void 0 ? _props$fieldProps$rul : (_props$fieldProps9 = props.fieldProps) === null || _props$fieldProps9 === void 0 ? void 0 : _props$fieldProps9.addRules) !== null && _ref3 !== void 0 ? _ref3 : [];
108
137
  });
109
138
  var isDisabled = computed(function () {
110
139
  var _props$fieldProps0;
@@ -318,11 +347,25 @@ var script = {
318
347
  return _removeItem.apply(this, arguments);
319
348
  }
320
349
  return function (_ctx, _cache) {
321
- return __props.mode === 'read' ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(displayText.value), 1 /* TEXT */)])) : __props.mode === 'edit' || __props.mode === 'update' ? (openBlock(), createElementBlock("div", _hoisted_3, [createCommentVNode(" 输入 + 添加 区域 "), createElementVNode("div", {
350
+ return __props.mode === 'read' ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(ElTooltip), {
351
+ content: readonlyTooltipContent.value,
352
+ placement: "top",
353
+ trigger: "click",
354
+ disabled: !readonlyTooltipContent.value || !readonlyOverflow.value
355
+ }, {
356
+ "default": withCtx(function () {
357
+ return [createElementVNode("span", {
358
+ ref_key: "readonlyRef",
359
+ ref: readonlyRef,
360
+ "class": "field-readonly-content"
361
+ }, toDisplayString(displayText.value), 513 /* TEXT, NEED_PATCH */)];
362
+ }),
363
+ _: 1 /* STABLE */
364
+ }, 8 /* PROPS */, ["content", "disabled"])])) : __props.mode === 'edit' || __props.mode === 'update' ? (openBlock(), createElementBlock("div", _hoisted_2, [createCommentVNode(" 输入 + 添加 区域 "), createElementVNode("div", {
322
365
  "class": normalizeClass(["tag-input-input-row", {
323
366
  'has-error': addError.value
324
367
  }])
325
- }, [createElementVNode("div", _hoisted_4, [createVNode(unref(ElInput), {
368
+ }, [createElementVNode("div", _hoisted_3, [createVNode(unref(ElInput), {
326
369
  ref_key: "inputRef",
327
370
  ref: inputRef,
328
371
  modelValue: inputValue.value,
@@ -350,7 +393,7 @@ var script = {
350
393
  return [createTextVNode(toDisplayString(addButtonText.value), 1 /* TEXT */)];
351
394
  }),
352
395
  _: 1 /* STABLE */
353
- }, 8 /* PROPS */, ["loading", "disabled"])]), tip.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(tip.value), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */), addError.value ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(addError.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), createCommentVNode(" 标签列表：有数据时才显示 "), tagList.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7, [listLabel.value ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(listLabel.value) + "(" + toDisplayString(tagList.value.length) + "/" + toDisplayString(maxCount.value) + ") ", 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("div", {
396
+ }, 8 /* PROPS */, ["loading", "disabled"])]), tip.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(tip.value), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */), addError.value ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(addError.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), createCommentVNode(" 标签列表：有数据时才显示 "), tagList.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [listLabel.value ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(listLabel.value) + "(" + toDisplayString(tagList.value.length) + "/" + toDisplayString(maxCount.value) + ") ", 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("div", {
354
397
  "class": normalizeClass(["tag-input-list-content", {
355
398
  'is-removing': removingIndex.value >= 0
356
399
  }])
package/es/pro-field/components/Text/FieldText.vue.css CHANGED
@@ -6,7 +6,17 @@
6
6
  width: 100%;
7
7
  min-width: 0;
8
8
  /* 允许在 flex 父容器内收缩，避免超出列宽 */
9
- /* Element Plus Tooltip 会给 trigger 包一层容器；在 flex 下需要让它独占一行 */
9
+ /**
10
+ * 保留 showOverflowTooltip 时，@deppon/deppon-ui 会给 Input 外层包一层 div，
11
+ * 且带内联 style: width: 100%; display: inline-block; 在 flex-wrap 下会强制换行。
12
+ * 这里在 range 布局中将其改为可伸缩的 flex item，保证两个输入框同一行。
13
+ */
14
+ /* 错误信息 tooltip 在 flex 下独占一行 */
15
+ }
16
+ .field-text-range div[style*='display: inline-block'][style*='width: 100%'] {
17
+ width: auto !important;
18
+ flex: 1 1 0 !important;
19
+ min-width: 0 !important;
10
20
  }
11
21
  .field-text-range .range-input-start,
12
22
  .field-text-range .range-input-end {
@@ -28,7 +38,7 @@
28
38
  font-size: 14px;
29
39
  padding: 0 2px;
30
40
  }
31
- .field-text-range .el-tooltip__trigger {
41
+ .field-text-range .field-text-error {
32
42
  flex: 0 0 100%;
33
43
  width: 100%;
34
44
  }
package/es/pro-field/components/Text/FieldText.vue_vue_type_script_setup_true_lang.vue.js CHANGED
@@ -3,8 +3,8 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
3
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
4
4
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
5
5
  import _typeof from '@babel/runtime/helpers/typeof';
6
- import { computed, ref, watch, nextTick, openBlock, createElementBlock, Fragment, createCommentVNode, renderList, createElementVNode, toDisplayString, normalizeClass, createVNode, unref, withModifiers, createSlots, withCtx, createBlock, mergeProps, renderSlot } from 'vue';
7
- import { ElInput, ElTooltip, ElIcon } from '@deppon/deppon-ui';
6
+ import { computed, ref, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, Fragment, createCommentVNode, renderList, createElementVNode, toDisplayString, createVNode, unref, withCtx, normalizeClass, withModifiers, createSlots, createBlock, mergeProps, renderSlot } from 'vue';
7
+ import { ElTooltip, ElInput, ElIcon } from '@deppon/deppon-ui';
8
8
  import { Warning } from '@deppon/deppon-ui/icons-vue';
9
9
 
10
10
  var _excluded = ["range", "placeholder", "suffix", "prefix"],
@@ -31,43 +31,34 @@ var _hoisted_6 = {
31
31
  key: 0
32
32
  };
33
33
  var _hoisted_7 = {
34
- "class": "field-readonly-content"
35
- };
36
- var _hoisted_8 = {
37
34
  key: 1
38
35
  };
39
- var _hoisted_9 = {
36
+ var _hoisted_8 = {
40
37
  key: 2
41
38
  };
42
- var _hoisted_10 = {
43
- "class": "field-readonly-content"
44
- };
45
- var _hoisted_11 = {
39
+ var _hoisted_9 = {
46
40
  key: 3
47
41
  };
48
- var _hoisted_12 = {
42
+ var _hoisted_10 = {
49
43
  key: 0
50
44
  };
51
- var _hoisted_13 = {
52
- "class": "field-readonly-content"
53
- };
54
- var _hoisted_14 = {
45
+ var _hoisted_11 = {
55
46
  key: 1
56
47
  };
57
- var _hoisted_15 = {
48
+ var _hoisted_12 = {
58
49
  key: 0,
59
50
  "class": "field-text-array"
60
51
  };
61
- var _hoisted_16 = {
52
+ var _hoisted_13 = {
62
53
  "class": "array-item-input-row"
63
54
  };
64
- var _hoisted_17 = {
55
+ var _hoisted_14 = {
65
56
  "class": "array-item-label"
66
57
  };
67
- var _hoisted_18 = {
58
+ var _hoisted_15 = {
68
59
  "class": "array-item-suffix"
69
60
  };
70
- var _hoisted_19 = {
61
+ var _hoisted_16 = {
71
62
  key: 0,
72
63
  "class": "array-item-error"
73
64
  };
@@ -775,6 +766,28 @@ var script = {
775
766
  var rest = _objectWithoutProperties(_ref3, _excluded2);
776
767
  return rest;
777
768
  });
769
+ var readonlyRef = ref(null);
770
+ var rangeStartReadonlyRef = ref(null);
771
+ var rangeEndReadonlyRef = ref(null);
772
+ var readonlyOverflow = ref(false);
773
+ var rangeStartOverflow = ref(false);
774
+ var rangeEndOverflow = ref(false);
775
+ var getTextOverflow = function getTextOverflow(el) {
776
+ if (!el) return false;
777
+ return el.scrollWidth > el.clientWidth;
778
+ };
779
+ var checkReadonlyOverflow = function checkReadonlyOverflow() {
780
+ readonlyOverflow.value = getTextOverflow(readonlyRef.value);
781
+ rangeStartOverflow.value = getTextOverflow(rangeStartReadonlyRef.value);
782
+ rangeEndOverflow.value = getTextOverflow(rangeEndReadonlyRef.value);
783
+ };
784
+ onMounted(function () {
785
+ nextTick(checkReadonlyOverflow);
786
+ window.addEventListener('resize', checkReadonlyOverflow);
787
+ });
788
+ onUnmounted(function () {
789
+ window.removeEventListener('resize', checkReadonlyOverflow);
790
+ });
778
791
 
779
792
  // 处理 clear 事件
780
793
  var handleClear = function handleClear() {
@@ -916,6 +929,28 @@ var script = {
916
929
  }
917
930
  return true;
918
931
  });
932
+ var readonlyTooltipContent = computed(function () {
933
+ var v = displayText.value;
934
+ if (v === null || v === undefined || v === '' || v === '-') return '';
935
+ return String(v);
936
+ });
937
+ var rangeStartTooltipContent = computed(function () {
938
+ var v = rangeStartDisplay.value;
939
+ if (v === null || v === undefined || v === '' || v === '-') return '';
940
+ return String(v);
941
+ });
942
+ var rangeEndTooltipContent = computed(function () {
943
+ var v = rangeEndDisplay.value;
944
+ if (v === null || v === undefined || v === '' || v === '-') return '';
945
+ return String(v);
946
+ });
947
+ watch(function () {
948
+ return [props.mode, props.text, props.fieldProps];
949
+ }, function () {
950
+ nextTick(checkReadonlyOverflow);
951
+ }, {
952
+ deep: true
953
+ });
919
954
  return function (_ctx, _cache) {
920
955
  return __props.mode === 'read' ? (openBlock(), createElementBlock(Fragment, {
921
956
  key: 0
@@ -928,13 +963,55 @@ var script = {
928
963
  }, [createElementVNode("span", _hoisted_2, toDisplayString(item.label || "\u7B2C".concat(index + 1, "\u9879")), 1 /* TEXT */), createElementVNode("span", _hoisted_3, toDisplayString(item.value || __props.emptyText || '-'), 1 /* TEXT */), createElementVNode("span", _hoisted_4, toDisplayString(item.suffix || ''), 1 /* TEXT */)]);
929
964
  }), 128 /* KEYED_FRAGMENT */)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.emptyText || '-'), 1 /* TEXT */))])) : isRange.value ? (openBlock(), createElementBlock(Fragment, {
930
965
  key: 1
931
- }, [createCommentVNode(" 范围输入模式下的只读显示 "), rangeStartPrefix.value && !isRangeStartEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(rangeStartPrefix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_7, toDisplayString(rangeStartDisplay.value), 1 /* TEXT */), rangeStartSuffix.value && !isRangeStartEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(rangeStartSuffix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), _cache[6] || (_cache[6] = createElementVNode("span", {
966
+ }, [createCommentVNode(" 范围输入模式下的只读显示 "), rangeStartPrefix.value && !isRangeStartEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(rangeStartPrefix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), createVNode(unref(ElTooltip), {
967
+ content: rangeStartTooltipContent.value,
968
+ placement: "top",
969
+ trigger: "click",
970
+ disabled: !rangeStartTooltipContent.value || !rangeStartOverflow.value
971
+ }, {
972
+ "default": withCtx(function () {
973
+ return [createElementVNode("span", {
974
+ ref_key: "rangeStartReadonlyRef",
975
+ ref: rangeStartReadonlyRef,
976
+ "class": "field-readonly-content"
977
+ }, toDisplayString(rangeStartDisplay.value), 513 /* TEXT, NEED_PATCH */)];
978
+ }),
979
+ _: 1 /* STABLE */
980
+ }, 8 /* PROPS */, ["content", "disabled"]), rangeStartSuffix.value && !isRangeStartEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(rangeStartSuffix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), _cache[6] || (_cache[6] = createElementVNode("span", {
932
981
  "class": "range-separator"
933
- }, "-", -1 /* CACHED */)), rangeEndPrefix.value && !isRangeEndEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(rangeEndPrefix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_10, toDisplayString(rangeEndDisplay.value), 1 /* TEXT */), rangeEndSuffix.value && !isRangeEndEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(rangeEndSuffix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
982
+ }, "-", -1 /* CACHED */)), rangeEndPrefix.value && !isRangeEndEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(rangeEndPrefix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), createVNode(unref(ElTooltip), {
983
+ content: rangeEndTooltipContent.value,
984
+ placement: "top",
985
+ trigger: "click",
986
+ disabled: !rangeEndTooltipContent.value || !rangeEndOverflow.value
987
+ }, {
988
+ "default": withCtx(function () {
989
+ return [createElementVNode("span", {
990
+ ref_key: "rangeEndReadonlyRef",
991
+ ref: rangeEndReadonlyRef,
992
+ "class": "field-readonly-content"
993
+ }, toDisplayString(rangeEndDisplay.value), 513 /* TEXT, NEED_PATCH */)];
994
+ }),
995
+ _: 1 /* STABLE */
996
+ }, 8 /* PROPS */, ["content", "disabled"]), rangeEndSuffix.value && !isRangeEndEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(rangeEndSuffix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
934
997
  key: 2
935
- }, [createCommentVNode(" 普通输入模式下的只读显示 "), __props.fieldProps && __props.fieldProps.prefix && !isEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(__props.fieldProps.prefix), 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_13, toDisplayString(displayText.value), 1 /* TEXT */), __props.fieldProps && __props.fieldProps.suffix && !isEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(__props.fieldProps.suffix), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : __props.mode === 'edit' || __props.mode === 'update' ? (openBlock(), createElementBlock(Fragment, {
998
+ }, [createCommentVNode(" 普通输入模式下的只读显示 "), __props.fieldProps && __props.fieldProps.prefix && !isEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(__props.fieldProps.prefix), 1 /* TEXT */)) : createCommentVNode("v-if", true), createVNode(unref(ElTooltip), {
999
+ content: readonlyTooltipContent.value,
1000
+ placement: "top",
1001
+ trigger: "click",
1002
+ disabled: !readonlyTooltipContent.value || !readonlyOverflow.value
1003
+ }, {
1004
+ "default": withCtx(function () {
1005
+ return [createElementVNode("span", {
1006
+ ref_key: "readonlyRef",
1007
+ ref: readonlyRef,
1008
+ "class": "field-readonly-content"
1009
+ }, toDisplayString(displayText.value), 513 /* TEXT, NEED_PATCH */)];
1010
+ }),
1011
+ _: 1 /* STABLE */
1012
+ }, 8 /* PROPS */, ["content", "disabled"]), __props.fieldProps && __props.fieldProps.suffix && !isEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(__props.fieldProps.suffix), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : __props.mode === 'edit' || __props.mode === 'update' ? (openBlock(), createElementBlock(Fragment, {
936
1013
  key: 1
937
- }, [createCommentVNode(" 数组文本类型 "), isTextArray.value ? (openBlock(), createElementBlock("div", _hoisted_15, [arrayValues.value && arrayValues.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, {
1014
+ }, [createCommentVNode(" 数组文本类型 "), isTextArray.value ? (openBlock(), createElementBlock("div", _hoisted_12, [arrayValues.value && arrayValues.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, {
938
1015
  key: 0
939
1016
  }, renderList(arrayValues.value, function (item, index) {
940
1017
  var _props$fieldProps18, _props$fieldProps19;
@@ -943,7 +1020,7 @@ var script = {
943
1020
  "class": normalizeClass(["array-item-wrapper", {
944
1021
  'has-error': getArrayItemError(index)
945
1022
  }])
946
- }, [createElementVNode("div", _hoisted_16, [createElementVNode("span", _hoisted_17, toDisplayString(item.label || "\u7B2C".concat(index + 1, "\u9879")), 1 /* TEXT */), createVNode(unref(ElInput), {
1023
+ }, [createElementVNode("div", _hoisted_13, [createElementVNode("span", _hoisted_14, toDisplayString(item.label || "\u7B2C".concat(index + 1, "\u9879")), 1 /* TEXT */), createVNode(unref(ElInput), {
947
1024
  modelValue: item.value,
948
1025
  "onUpdate:modelValue": function onUpdateModelValue($event) {
949
1026
  return item.value = $event;
@@ -965,7 +1042,7 @@ var script = {
965
1042
  }, [item.suffix ? {
966
1043
  name: "suffix",
967
1044
  fn: withCtx(function () {
968
- return [createElementVNode("span", _hoisted_18, toDisplayString(item.suffix), 1 /* TEXT */)];
1045
+ return [createElementVNode("span", _hoisted_15, toDisplayString(item.suffix), 1 /* TEXT */)];
969
1046
  }),
970
1047
  key: "0"
971
1048
  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "type", "size", "placeholder", "disabled", "step", "onWheel"]), createCommentVNode(" warningTooltip 显示在输入框右边 "), getArrayItemWarningTooltip(index) && !getArrayItemError(index) ? (openBlock(), createBlock(unref(ElTooltip), {
@@ -989,7 +1066,7 @@ var script = {
989
1066
  })];
990
1067
  }),
991
1068
  _: 1 /* STABLE */
992
- }, 8 /* PROPS */, ["content"])) : createCommentVNode("v-if", true)]), createCommentVNode(" 错误信息显示在每个输入框下边 "), getArrayItemError(index) ? (openBlock(), createElementBlock("div", _hoisted_19, [createVNode(unref(ElTooltip), {
1069
+ }, 8 /* PROPS */, ["content"])) : createCommentVNode("v-if", true)]), createCommentVNode(" 错误信息显示在每个输入框下边 "), getArrayItemError(index) ? (openBlock(), createElementBlock("div", _hoisted_16, [createVNode(unref(ElTooltip), {
993
1070
  content: getArrayItemError(index),
994
1071
  placement: "top",
995
1072
  disabled: !getArrayItemErrorOverflow(index)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deppon/deppon-template",
3
- "version": "2.2.7",
3
+ "version": "2.2.8",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "typings": "es/index.d.ts",
@@ -43,11 +43,11 @@
43
43
  "less": "^4.2.0"
44
44
  },
45
45
  "dependencies": {
46
- "@deppon/deppon-assets": "2.2.7",
47
- "@deppon/deppon-request": "2.2.7",
48
- "@deppon/deppon-router": "2.2.7",
49
- "@deppon/deppon-ui": "2.2.7",
50
- "@deppon/deppon-utils": "2.2.7",
46
+ "@deppon/deppon-assets": "2.2.8",
47
+ "@deppon/deppon-request": "2.2.8",
48
+ "@deppon/deppon-router": "2.2.8",
49
+ "@deppon/deppon-ui": "2.2.8",
50
+ "@deppon/deppon-utils": "2.2.8",
51
51
  "dayjs": "^1.11.10",
52
52
  "lodash-es": "^4.17.21",
53
53
  "mitt": "^3.0.1"