@fangzhongya/fang-ui 0.1.52 → 0.1.54

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 (38) hide show
  1. package/dist/components/list/index.css +12 -3
  2. package/dist/components/list/index.scss +2 -3
  3. package/dist/components/lists/index.css +12 -3
  4. package/dist/components/listsp/index.css +12 -3
  5. package/dist/components/listspd/index.css +12 -3
  6. package/dist/components/page/index.css +12 -11
  7. package/dist/components/tables/common/com-color2.cjs +23 -25
  8. package/dist/components/tables/common/com-color2.js +24 -26
  9. package/dist/components/tables/common/com-fig2.cjs +27 -21
  10. package/dist/components/tables/common/com-fig2.js +28 -22
  11. package/dist/components/tables/common/com-limit2.cjs +22 -11
  12. package/dist/components/tables/common/com-limit2.js +23 -12
  13. package/dist/components/tables/common/com-lis2.cjs +22 -15
  14. package/dist/components/tables/common/com-lis2.js +23 -16
  15. package/dist/components/tables/common/com.scss +4 -0
  16. package/dist/components/tables/common/empty.cjs +4 -0
  17. package/dist/components/tables/common/empty.js +4 -0
  18. package/dist/components/tables/common/empty2.cjs +48 -0
  19. package/dist/components/tables/common/empty2.js +48 -0
  20. package/dist/components/tables/index.css +4 -0
  21. package/dist/components/tablesp/index.css +4 -0
  22. package/dist/components/tablespd/index.css +4 -0
  23. package/dist/css/index.css +12 -11
  24. package/dist/css/list.css +12 -3
  25. package/dist/css/lists.css +12 -3
  26. package/dist/css/listsp.css +12 -3
  27. package/dist/css/listspd.css +12 -3
  28. package/dist/css/page.css +12 -11
  29. package/dist/css/tables.css +4 -0
  30. package/dist/css/tablesp.css +4 -0
  31. package/dist/css/tablespd.css +4 -0
  32. package/dist/icons/index.json +1 -1
  33. package/dist/index.css +12 -11
  34. package/package.json +4 -4
  35. /package/dist/components/{box → box-fun}/index.css +0 -0
  36. /package/dist/components/{draggable → global-config}/index.css +0 -0
  37. /package/dist/css/{box.css → box-fun.css} +0 -0
  38. /package/dist/css/{draggable.css → global-config.css} +0 -0
@@ -23,6 +23,18 @@
23
23
  line-height: var(--lable-array-height);
24
24
  }
25
25
 
26
+ .com-limit.is-tooltip {
27
+ max-height: var(--com-limit-max-height);
28
+ display: -webkit-box;
29
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
30
+ -webkit-box-orient: vertical;
31
+ text-overflow: ellipsis;
32
+ }
33
+
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
26
38
  .list-div .list-table {
27
39
  width: 100%;
28
40
  height: 100%;
@@ -154,7 +166,4 @@
154
166
  .list-div .list-table .list-com {
155
167
  display: flex;
156
168
  align-items: center;
157
- }
158
- .list-div .el-tooltip {
159
- white-space: pre-wrap;
160
169
  }
@@ -1,5 +1,7 @@
1
1
  @use '../scss/common.scss' as *;
2
2
 
3
+ @use 'common/com.scss' as *;
4
+
3
5
  $list: 'list';
4
6
  @include b($list) {
5
7
  &-div {
@@ -172,8 +174,5 @@ $list: 'list';
172
174
  align-items: center;
173
175
  }
174
176
  }
175
- .#{el('tooltip')} {
176
- white-space: pre-wrap;
177
- }
178
177
  }
179
178
  }
@@ -23,6 +23,18 @@
23
23
  line-height: var(--lable-array-height);
24
24
  }
25
25
 
26
+ .com-limit.is-tooltip {
27
+ max-height: var(--com-limit-max-height);
28
+ display: -webkit-box;
29
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
30
+ -webkit-box-orient: vertical;
31
+ text-overflow: ellipsis;
32
+ }
33
+
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
26
38
  .list-div .list-table {
27
39
  width: 100%;
28
40
  height: 100%;
@@ -155,9 +167,6 @@
155
167
  display: flex;
156
168
  align-items: center;
157
169
  }
158
- .list-div .el-tooltip {
159
- white-space: pre-wrap;
160
- }
161
170
 
162
171
  .lists {
163
172
  width: 100%;
@@ -23,6 +23,18 @@
23
23
  line-height: var(--lable-array-height);
24
24
  }
25
25
 
26
+ .com-limit.is-tooltip {
27
+ max-height: var(--com-limit-max-height);
28
+ display: -webkit-box;
29
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
30
+ -webkit-box-orient: vertical;
31
+ text-overflow: ellipsis;
32
+ }
33
+
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
26
38
  .list-div .list-table {
27
39
  width: 100%;
28
40
  height: 100%;
@@ -155,9 +167,6 @@
155
167
  display: flex;
156
168
  align-items: center;
157
169
  }
158
- .list-div .el-tooltip {
159
- white-space: pre-wrap;
160
- }
161
170
 
162
171
  .lists {
163
172
  width: 100%;
@@ -23,6 +23,18 @@
23
23
  line-height: var(--lable-array-height);
24
24
  }
25
25
 
26
+ .com-limit.is-tooltip {
27
+ max-height: var(--com-limit-max-height);
28
+ display: -webkit-box;
29
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
30
+ -webkit-box-orient: vertical;
31
+ text-overflow: ellipsis;
32
+ }
33
+
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
26
38
  .list-div .list-table {
27
39
  width: 100%;
28
40
  height: 100%;
@@ -155,9 +167,6 @@
155
167
  display: flex;
156
168
  align-items: center;
157
169
  }
158
- .list-div .el-tooltip {
159
- white-space: pre-wrap;
160
- }
161
170
 
162
171
  .lists {
163
172
  width: 100%;
@@ -571,6 +571,18 @@
571
571
  height: inherit;
572
572
  }
573
573
 
574
+ .com-limit.is-tooltip {
575
+ max-height: var(--com-limit-max-height);
576
+ display: -webkit-box;
577
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
578
+ -webkit-box-orient: vertical;
579
+ text-overflow: ellipsis;
580
+ }
581
+
582
+ .el-tooltip {
583
+ white-space: pre-wrap;
584
+ }
585
+
574
586
  .list-div .list-table {
575
587
  width: 100%;
576
588
  height: 100%;
@@ -703,17 +715,6 @@
703
715
  display: flex;
704
716
  align-items: center;
705
717
  }
706
- .list-div .el-tooltip {
707
- white-space: pre-wrap;
708
- }
709
-
710
- .com-limit.is-tooltip {
711
- max-height: var(--com-limit-max-height);
712
- display: -webkit-box;
713
- -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
714
- -webkit-box-orient: vertical;
715
- text-overflow: ellipsis;
716
- }
717
718
 
718
719
  .tables {
719
720
  width: 100%;
@@ -1,9 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
3
  const vue = require("vue");
4
- const util = require("./util.cjs");
4
+ require("./empty.cjs");
5
5
  const index$1 = require("../../../hooks/event-aliass/index.cjs");
6
6
  const index = require("../../../hooks/cssname/index.cjs");
7
+ const empty_vue_vue_type_script_setup_true_lang = require("./empty2.cjs");
7
8
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
8
9
  __name: "com-color",
9
10
  props: {
@@ -49,14 +50,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
49
50
  const cs = index.useCssName("com-color");
50
51
  const props = __props;
51
52
  const emit = __emit;
52
- const emptyDisplay = vue.computed(() => {
53
- var _a, _b;
54
- return util.setEmptyDisplay(
55
- props.modelValue,
56
- (_a = props.comscope.config) == null ? void 0 : _a.emptyDisplay,
57
- (_b = props.comscope.config) == null ? void 0 : _b.isEmptyStr
58
- );
59
- });
60
53
  const className = vue.computed(() => {
61
54
  if (props.class) {
62
55
  if (typeof props.class == "function") {
@@ -114,22 +107,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
114
107
  }
115
108
  }
116
109
  return (_ctx, _cache) => {
117
- return emptyDisplay.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
118
- vue.createTextVNode(vue.toDisplayString(emptyDisplay.value), 1)
119
- ], 64)) : (vue.openBlock(), vue.createElementBlock("span", {
120
- key: 1,
121
- class: vue.normalizeClass([vue.unref(cs).z(), className.value]),
122
- style: vue.normalizeStyle(props.style),
123
- onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
124
- }, [
125
- vue.createElementVNode("span", {
126
- style: vue.normalizeStyle({
127
- color: color.value,
128
- backgroundColor: backgroundColor.value
129
- }),
130
- class: vue.normalizeClass([vue.unref(cs).z("value")])
131
- }, vue.toDisplayString(props.modelValue), 7)
132
- ], 6));
110
+ return vue.openBlock(), vue.createBlock(empty_vue_vue_type_script_setup_true_lang.default, {
111
+ comscope: props.comscope,
112
+ "model-value": props.modelValue
113
+ }, {
114
+ default: vue.withCtx(() => [
115
+ vue.createElementVNode("span", {
116
+ class: vue.normalizeClass([vue.unref(cs).z(), className.value]),
117
+ style: vue.normalizeStyle(props.style),
118
+ onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
119
+ }, [
120
+ vue.createElementVNode("span", {
121
+ style: vue.normalizeStyle({
122
+ color: color.value,
123
+ backgroundColor: backgroundColor.value
124
+ }),
125
+ class: vue.normalizeClass([vue.unref(cs).z("value")])
126
+ }, vue.toDisplayString(props.modelValue), 7)
127
+ ], 6)
128
+ ]),
129
+ _: 1
130
+ }, 8, ["comscope", "model-value"]);
133
131
  };
134
132
  }
135
133
  });
@@ -1,7 +1,8 @@
1
- import { defineComponent, computed, createElementBlock, openBlock, Fragment, createTextVNode, toDisplayString, normalizeStyle, normalizeClass, unref, createElementVNode } from "vue";
2
- import { setEmptyDisplay } from "./util.js";
1
+ import { defineComponent, computed, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, normalizeClass, unref, toDisplayString } from "vue";
2
+ import "./empty.js";
3
3
  import { eventAliass } from "../../../hooks/event-aliass/index.js";
4
4
  import { useCssName } from "../../../hooks/cssname/index.js";
5
+ import _sfc_main$1 from "./empty2.js";
5
6
  const _sfc_main = /* @__PURE__ */ defineComponent({
6
7
  __name: "com-color",
7
8
  props: {
@@ -47,14 +48,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
47
48
  const cs = useCssName("com-color");
48
49
  const props = __props;
49
50
  const emit = __emit;
50
- const emptyDisplay = computed(() => {
51
- var _a, _b;
52
- return setEmptyDisplay(
53
- props.modelValue,
54
- (_a = props.comscope.config) == null ? void 0 : _a.emptyDisplay,
55
- (_b = props.comscope.config) == null ? void 0 : _b.isEmptyStr
56
- );
57
- });
58
51
  const className = computed(() => {
59
52
  if (props.class) {
60
53
  if (typeof props.class == "function") {
@@ -112,22 +105,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
112
105
  }
113
106
  }
114
107
  return (_ctx, _cache) => {
115
- return emptyDisplay.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
116
- createTextVNode(toDisplayString(emptyDisplay.value), 1)
117
- ], 64)) : (openBlock(), createElementBlock("span", {
118
- key: 1,
119
- class: normalizeClass([unref(cs).z(), className.value]),
120
- style: normalizeStyle(props.style),
121
- onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
122
- }, [
123
- createElementVNode("span", {
124
- style: normalizeStyle({
125
- color: color.value,
126
- backgroundColor: backgroundColor.value
127
- }),
128
- class: normalizeClass([unref(cs).z("value")])
129
- }, toDisplayString(props.modelValue), 7)
130
- ], 6));
108
+ return openBlock(), createBlock(_sfc_main$1, {
109
+ comscope: props.comscope,
110
+ "model-value": props.modelValue
111
+ }, {
112
+ default: withCtx(() => [
113
+ createElementVNode("span", {
114
+ class: normalizeClass([unref(cs).z(), className.value]),
115
+ style: normalizeStyle(props.style),
116
+ onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
117
+ }, [
118
+ createElementVNode("span", {
119
+ style: normalizeStyle({
120
+ color: color.value,
121
+ backgroundColor: backgroundColor.value
122
+ }),
123
+ class: normalizeClass([unref(cs).z("value")])
124
+ }, toDisplayString(props.modelValue), 7)
125
+ ], 6)
126
+ ]),
127
+ _: 1
128
+ }, 8, ["comscope", "model-value"]);
131
129
  };
132
130
  }
133
131
  });
@@ -1,8 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
3
  const vue = require("vue");
4
+ require("./empty.cjs");
4
5
  const index$1 = require("../../image/index.cjs");
5
6
  const index = require("../../../hooks/cssname/index.cjs");
7
+ const empty_vue_vue_type_script_setup_true_lang = require("./empty2.cjs");
6
8
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7
9
  __name: "com-fig",
8
10
  props: {
@@ -65,27 +67,31 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
65
67
  });
66
68
  __expose({});
67
69
  return (_ctx, _cache) => {
68
- var _a, _b;
69
- return value.value && value.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
70
- key: 0,
71
- class: vue.normalizeClass([vue.unref(cs).z(), props.class]),
72
- style: vue.normalizeStyle({
73
- maxHeight: props.maxHeight,
74
- ...props.style
75
- })
76
- }, [
77
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value.value, (item, index2) => {
78
- return vue.openBlock(), vue.createBlock(vue.unref(index$1.Image), {
79
- key: index2,
80
- fit: "contain",
81
- src: item,
82
- "preview-teleported": "",
83
- "preview-src-list": value.value
84
- }, null, 8, ["src", "preview-src-list"]);
85
- }), 128))
86
- ], 6)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
87
- vue.createTextVNode(vue.toDisplayString((_b = (_a = props.comscope) == null ? void 0 : _a.config) == null ? void 0 : _b.emptyDisplay), 1)
88
- ], 64));
70
+ return vue.openBlock(), vue.createBlock(empty_vue_vue_type_script_setup_true_lang.default, {
71
+ emptyDisplay: !(value.value && value.value.length > 0),
72
+ comscope: props.comscope
73
+ }, {
74
+ default: vue.withCtx(() => [
75
+ vue.createElementVNode("div", {
76
+ class: vue.normalizeClass([vue.unref(cs).z(), props.class]),
77
+ style: vue.normalizeStyle({
78
+ maxHeight: props.maxHeight,
79
+ ...props.style
80
+ })
81
+ }, [
82
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value.value, (item, index2) => {
83
+ return vue.openBlock(), vue.createBlock(vue.unref(index$1.Image), {
84
+ key: index2,
85
+ fit: "contain",
86
+ src: item,
87
+ "preview-teleported": "",
88
+ "preview-src-list": value.value
89
+ }, null, 8, ["src", "preview-src-list"]);
90
+ }), 128))
91
+ ], 6)
92
+ ]),
93
+ _: 1
94
+ }, 8, ["emptyDisplay", "comscope"]);
89
95
  };
90
96
  }
91
97
  });
@@ -1,6 +1,8 @@
1
- import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
1
+ import { defineComponent, computed, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, normalizeClass, unref, createElementBlock, Fragment, renderList } from "vue";
2
+ import "./empty.js";
2
3
  import { Image } from "../../image/index.js";
3
4
  import { useCssName } from "../../../hooks/cssname/index.js";
5
+ import _sfc_main$1 from "./empty2.js";
4
6
  const _sfc_main = /* @__PURE__ */ defineComponent({
5
7
  __name: "com-fig",
6
8
  props: {
@@ -63,27 +65,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
63
65
  });
64
66
  __expose({});
65
67
  return (_ctx, _cache) => {
66
- var _a, _b;
67
- return value.value && value.value.length > 0 ? (openBlock(), createElementBlock("div", {
68
- key: 0,
69
- class: normalizeClass([unref(cs).z(), props.class]),
70
- style: normalizeStyle({
71
- maxHeight: props.maxHeight,
72
- ...props.style
73
- })
74
- }, [
75
- (openBlock(true), createElementBlock(Fragment, null, renderList(value.value, (item, index) => {
76
- return openBlock(), createBlock(unref(Image), {
77
- key: index,
78
- fit: "contain",
79
- src: item,
80
- "preview-teleported": "",
81
- "preview-src-list": value.value
82
- }, null, 8, ["src", "preview-src-list"]);
83
- }), 128))
84
- ], 6)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
85
- createTextVNode(toDisplayString((_b = (_a = props.comscope) == null ? void 0 : _a.config) == null ? void 0 : _b.emptyDisplay), 1)
86
- ], 64));
68
+ return openBlock(), createBlock(_sfc_main$1, {
69
+ emptyDisplay: !(value.value && value.value.length > 0),
70
+ comscope: props.comscope
71
+ }, {
72
+ default: withCtx(() => [
73
+ createElementVNode("div", {
74
+ class: normalizeClass([unref(cs).z(), props.class]),
75
+ style: normalizeStyle({
76
+ maxHeight: props.maxHeight,
77
+ ...props.style
78
+ })
79
+ }, [
80
+ (openBlock(true), createElementBlock(Fragment, null, renderList(value.value, (item, index) => {
81
+ return openBlock(), createBlock(unref(Image), {
82
+ key: index,
83
+ fit: "contain",
84
+ src: item,
85
+ "preview-teleported": "",
86
+ "preview-src-list": value.value
87
+ }, null, 8, ["src", "preview-src-list"]);
88
+ }), 128))
89
+ ], 6)
90
+ ]),
91
+ _: 1
92
+ }, 8, ["emptyDisplay", "comscope"]);
87
93
  };
88
94
  }
89
95
  });
@@ -1,9 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
3
  const vue = require("vue");
4
+ require("./empty.cjs");
5
+ require("./util.cjs");
4
6
  const index = require("../../../hooks/cssname/index.cjs");
5
7
  const getAttrValue = require("../../../utils/vues/getAttrValue.cjs");
6
8
  const tooltip = require("./tooltip.cjs");
9
+ const empty_vue_vue_type_script_setup_true_lang = require("./empty2.cjs");
7
10
  const _hoisted_1 = ["title"];
8
11
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
9
12
  __name: "com-limit",
@@ -74,17 +77,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
74
77
  tooltip.showTooltip($event, refDom.value, showOverflow2, props.lineClamp);
75
78
  };
76
79
  return (_ctx, _cache) => {
77
- return vue.openBlock(), vue.createElementBlock("div", {
78
- ret: "refDom",
79
- onMousedown: handleCellMouseLeave,
80
- onMouseenter,
81
- class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("tooltip", showOverflow.value)]),
82
- style: vue.normalizeStyle({
83
- maxHeight: props.maxHeight,
84
- lineClamp: props.lineClamp
85
- }),
86
- title: title.value
87
- }, vue.toDisplayString(props.modelValue), 47, _hoisted_1);
80
+ return vue.openBlock(), vue.createBlock(empty_vue_vue_type_script_setup_true_lang.default, {
81
+ comscope: props.comscope,
82
+ "model-value": props.modelValue
83
+ }, {
84
+ default: vue.withCtx(() => [
85
+ vue.createElementVNode("div", {
86
+ ret: "refDom",
87
+ onMousedown: handleCellMouseLeave,
88
+ onMouseenter,
89
+ class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("tooltip", showOverflow.value)]),
90
+ style: vue.normalizeStyle({
91
+ maxHeight: props.maxHeight,
92
+ lineClamp: props.lineClamp
93
+ }),
94
+ title: title.value
95
+ }, vue.toDisplayString(props.modelValue), 47, _hoisted_1)
96
+ ]),
97
+ _: 1
98
+ }, 8, ["comscope", "model-value"]);
88
99
  };
89
100
  }
90
101
  });
@@ -1,7 +1,10 @@
1
- import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, toDisplayString } from "vue";
1
+ import { defineComponent, ref, computed, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, normalizeClass, unref, toDisplayString } from "vue";
2
+ import "./empty.js";
3
+ import "./util.js";
2
4
  import { useCssName } from "../../../hooks/cssname/index.js";
3
5
  import { getAttrValue } from "../../../utils/vues/getAttrValue.js";
4
6
  import { hideTooltip, showTooltip } from "./tooltip.js";
7
+ import _sfc_main$1 from "./empty2.js";
5
8
  const _hoisted_1 = ["title"];
6
9
  const _sfc_main = /* @__PURE__ */ defineComponent({
7
10
  __name: "com-limit",
@@ -72,17 +75,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
72
75
  showTooltip($event, refDom.value, showOverflow2, props.lineClamp);
73
76
  };
74
77
  return (_ctx, _cache) => {
75
- return openBlock(), createElementBlock("div", {
76
- ret: "refDom",
77
- onMousedown: handleCellMouseLeave,
78
- onMouseenter,
79
- class: normalizeClass([unref(cs).z(), unref(cs).is("tooltip", showOverflow.value)]),
80
- style: normalizeStyle({
81
- maxHeight: props.maxHeight,
82
- lineClamp: props.lineClamp
83
- }),
84
- title: title.value
85
- }, toDisplayString(props.modelValue), 47, _hoisted_1);
78
+ return openBlock(), createBlock(_sfc_main$1, {
79
+ comscope: props.comscope,
80
+ "model-value": props.modelValue
81
+ }, {
82
+ default: withCtx(() => [
83
+ createElementVNode("div", {
84
+ ret: "refDom",
85
+ onMousedown: handleCellMouseLeave,
86
+ onMouseenter,
87
+ class: normalizeClass([unref(cs).z(), unref(cs).is("tooltip", showOverflow.value)]),
88
+ style: normalizeStyle({
89
+ maxHeight: props.maxHeight,
90
+ lineClamp: props.lineClamp
91
+ }),
92
+ title: title.value
93
+ }, toDisplayString(props.modelValue), 47, _hoisted_1)
94
+ ]),
95
+ _: 1
96
+ }, 8, ["comscope", "model-value"]);
86
97
  };
87
98
  }
88
99
  });
@@ -1,10 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
3
  const vue = require("vue");
4
+ require("./empty.cjs");
4
5
  const util = require("./util.cjs");
5
6
  const index$1 = require("../../../hooks/event-aliass/index.cjs");
6
7
  const use = require("../../common/use.cjs");
7
8
  const index = require("../../../hooks/cssname/index.cjs");
9
+ const empty_vue_vue_type_script_setup_true_lang = require("./empty2.cjs");
8
10
  const _hoisted_1 = ["onClick"];
9
11
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
10
12
  __name: "com-lis",
@@ -126,21 +128,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
126
128
  }
127
129
  }
128
130
  return (_ctx, _cache) => {
129
- return emptyDisplay.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
130
- vue.createTextVNode(vue.toDisplayString(emptyDisplay.value), 1)
131
- ], 64)) : (vue.openBlock(), vue.createElementBlock("span", {
132
- key: 1,
133
- class: vue.normalizeClass([vue.unref(cs).z(), className.value])
134
- }, [
135
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(valueArr.value, (item, index2) => {
136
- return vue.openBlock(), vue.createElementBlock("span", {
137
- key: index2,
138
- class: vue.normalizeClass([vue.unref(cs).z("li"), item.class]),
139
- style: vue.normalizeStyle(item.style),
140
- onClick: ($event) => onClickList(item, index2, $event)
141
- }, vue.toDisplayString(item.value), 15, _hoisted_1);
142
- }), 128))
143
- ], 2));
131
+ return vue.openBlock(), vue.createBlock(empty_vue_vue_type_script_setup_true_lang.default, {
132
+ emptyDisplay: emptyDisplay.value ? true : false,
133
+ comscope: props.comscope
134
+ }, {
135
+ default: vue.withCtx(() => [
136
+ vue.createElementVNode("span", {
137
+ class: vue.normalizeClass([vue.unref(cs).z(), className.value])
138
+ }, [
139
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(valueArr.value, (item, index2) => {
140
+ return vue.openBlock(), vue.createElementBlock("span", {
141
+ key: index2,
142
+ class: vue.normalizeClass([vue.unref(cs).z("li"), item.class]),
143
+ style: vue.normalizeStyle(item.style),
144
+ onClick: ($event) => onClickList(item, index2, $event)
145
+ }, vue.toDisplayString(item.value), 15, _hoisted_1);
146
+ }), 128))
147
+ ], 2)
148
+ ]),
149
+ _: 1
150
+ }, 8, ["emptyDisplay", "comscope"]);
144
151
  };
145
152
  }
146
153
  });
@@ -1,8 +1,10 @@
1
- import { defineComponent, computed, createElementBlock, openBlock, Fragment, createTextVNode, toDisplayString, normalizeClass, unref, renderList, normalizeStyle } from "vue";
1
+ import { defineComponent, computed, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, unref, createElementBlock, Fragment, renderList, normalizeStyle, toDisplayString } from "vue";
2
+ import "./empty.js";
2
3
  import { setEmptyDisplay } from "./util.js";
3
4
  import { eventAliass } from "../../../hooks/event-aliass/index.js";
4
5
  import { useGetDomValue } from "../../common/use.js";
5
6
  import { useCssName } from "../../../hooks/cssname/index.js";
7
+ import _sfc_main$1 from "./empty2.js";
6
8
  const _hoisted_1 = ["onClick"];
7
9
  const _sfc_main = /* @__PURE__ */ defineComponent({
8
10
  __name: "com-lis",
@@ -124,21 +126,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
124
126
  }
125
127
  }
126
128
  return (_ctx, _cache) => {
127
- return emptyDisplay.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
128
- createTextVNode(toDisplayString(emptyDisplay.value), 1)
129
- ], 64)) : (openBlock(), createElementBlock("span", {
130
- key: 1,
131
- class: normalizeClass([unref(cs).z(), className.value])
132
- }, [
133
- (openBlock(true), createElementBlock(Fragment, null, renderList(valueArr.value, (item, index) => {
134
- return openBlock(), createElementBlock("span", {
135
- key: index,
136
- class: normalizeClass([unref(cs).z("li"), item.class]),
137
- style: normalizeStyle(item.style),
138
- onClick: ($event) => onClickList(item, index, $event)
139
- }, toDisplayString(item.value), 15, _hoisted_1);
140
- }), 128))
141
- ], 2));
129
+ return openBlock(), createBlock(_sfc_main$1, {
130
+ emptyDisplay: emptyDisplay.value ? true : false,
131
+ comscope: props.comscope
132
+ }, {
133
+ default: withCtx(() => [
134
+ createElementVNode("span", {
135
+ class: normalizeClass([unref(cs).z(), className.value])
136
+ }, [
137
+ (openBlock(true), createElementBlock(Fragment, null, renderList(valueArr.value, (item, index) => {
138
+ return openBlock(), createElementBlock("span", {
139
+ key: index,
140
+ class: normalizeClass([unref(cs).z("li"), item.class]),
141
+ style: normalizeStyle(item.style),
142
+ onClick: ($event) => onClickList(item, index, $event)
143
+ }, toDisplayString(item.value), 15, _hoisted_1);
144
+ }), 128))
145
+ ], 2)
146
+ ]),
147
+ _: 1
148
+ }, 8, ["emptyDisplay", "comscope"]);
142
149
  };
143
150
  }
144
151
  });
@@ -10,3 +10,7 @@ $limit: 'com-limit';
10
10
  text-overflow: ellipsis;
11
11
  }
12
12
  }
13
+
14
+ .#{el('tooltip')} {
15
+ white-space: pre-wrap;
16
+ }
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const empty_vue_vue_type_script_setup_true_lang = require("./empty2.cjs");
4
+ exports.default = empty_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,4 @@
1
+ import _sfc_main from "./empty2.js";
2
+ export {
3
+ _sfc_main as default
4
+ };
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const vue = require("vue");
4
+ const util = require("./util.cjs");
5
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
6
+ __name: "empty",
7
+ props: {
8
+ emptyDisplay: {},
9
+ modelValue: {
10
+ type: String
11
+ },
12
+ comscope: {
13
+ type: Object,
14
+ default() {
15
+ return {};
16
+ }
17
+ }
18
+ },
19
+ setup(__props) {
20
+ const props = __props;
21
+ const emptyDisplay = vue.computed(() => {
22
+ var _a, _b, _c;
23
+ if (props.emptyDisplay !== void 0) {
24
+ if (props.emptyDisplay) {
25
+ return (_a = props.comscope.config) == null ? void 0 : _a.emptyDisplay;
26
+ } else {
27
+ return false;
28
+ }
29
+ } else {
30
+ return util.setEmptyDisplay(
31
+ props.modelValue,
32
+ (_b = props.comscope.config) == null ? void 0 : _b.emptyDisplay,
33
+ (_c = props.comscope.config) == null ? void 0 : _c.isEmptyStr
34
+ );
35
+ }
36
+ });
37
+ return (_ctx, _cache) => {
38
+ return vue.openBlock(), vue.createElementBlock("span", null, [
39
+ emptyDisplay.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
40
+ vue.createTextVNode(vue.toDisplayString(emptyDisplay.value), 1)
41
+ ], 64)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
42
+ vue.createTextVNode(vue.toDisplayString(props.modelValue), 1)
43
+ ])
44
+ ]);
45
+ };
46
+ }
47
+ });
48
+ exports.default = _sfc_main;
@@ -0,0 +1,48 @@
1
+ import { defineComponent, computed, createElementBlock, openBlock, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
2
+ import { setEmptyDisplay } from "./util.js";
3
+ const _sfc_main = /* @__PURE__ */ defineComponent({
4
+ __name: "empty",
5
+ props: {
6
+ emptyDisplay: {},
7
+ modelValue: {
8
+ type: String
9
+ },
10
+ comscope: {
11
+ type: Object,
12
+ default() {
13
+ return {};
14
+ }
15
+ }
16
+ },
17
+ setup(__props) {
18
+ const props = __props;
19
+ const emptyDisplay = computed(() => {
20
+ var _a, _b, _c;
21
+ if (props.emptyDisplay !== void 0) {
22
+ if (props.emptyDisplay) {
23
+ return (_a = props.comscope.config) == null ? void 0 : _a.emptyDisplay;
24
+ } else {
25
+ return false;
26
+ }
27
+ } else {
28
+ return setEmptyDisplay(
29
+ props.modelValue,
30
+ (_b = props.comscope.config) == null ? void 0 : _b.emptyDisplay,
31
+ (_c = props.comscope.config) == null ? void 0 : _c.isEmptyStr
32
+ );
33
+ }
34
+ });
35
+ return (_ctx, _cache) => {
36
+ return openBlock(), createElementBlock("span", null, [
37
+ emptyDisplay.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
38
+ createTextVNode(toDisplayString(emptyDisplay.value), 1)
39
+ ], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
40
+ createTextVNode(toDisplayString(props.modelValue), 1)
41
+ ])
42
+ ]);
43
+ };
44
+ }
45
+ });
46
+ export {
47
+ _sfc_main as default
48
+ };
@@ -31,6 +31,10 @@
31
31
  text-overflow: ellipsis;
32
32
  }
33
33
 
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
34
38
  .tables {
35
39
  width: 100%;
36
40
  min-height: var(--tables-min-height, 70px);
@@ -31,6 +31,10 @@
31
31
  text-overflow: ellipsis;
32
32
  }
33
33
 
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
34
38
  .tables {
35
39
  width: 100%;
36
40
  min-height: var(--tables-min-height, 70px);
@@ -31,6 +31,10 @@
31
31
  text-overflow: ellipsis;
32
32
  }
33
33
 
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
34
38
  .tables {
35
39
  width: 100%;
36
40
  min-height: var(--tables-min-height, 70px);
@@ -959,6 +959,18 @@
959
959
  margin-right: 10px;
960
960
  }
961
961
 
962
+ .com-limit.is-tooltip {
963
+ max-height: var(--com-limit-max-height);
964
+ display: -webkit-box;
965
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
966
+ -webkit-box-orient: vertical;
967
+ text-overflow: ellipsis;
968
+ }
969
+
970
+ .el-tooltip {
971
+ white-space: pre-wrap;
972
+ }
973
+
962
974
  .list-div .list-table {
963
975
  width: 100%;
964
976
  height: 100%;
@@ -1091,17 +1103,6 @@
1091
1103
  display: flex;
1092
1104
  align-items: center;
1093
1105
  }
1094
- .list-div .el-tooltip {
1095
- white-space: pre-wrap;
1096
- }
1097
-
1098
- .com-limit.is-tooltip {
1099
- max-height: var(--com-limit-max-height);
1100
- display: -webkit-box;
1101
- -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
1102
- -webkit-box-orient: vertical;
1103
- text-overflow: ellipsis;
1104
- }
1105
1106
 
1106
1107
  .tables {
1107
1108
  width: 100%;
package/dist/css/list.css CHANGED
@@ -23,6 +23,18 @@
23
23
  line-height: var(--lable-array-height);
24
24
  }
25
25
 
26
+ .com-limit.is-tooltip {
27
+ max-height: var(--com-limit-max-height);
28
+ display: -webkit-box;
29
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
30
+ -webkit-box-orient: vertical;
31
+ text-overflow: ellipsis;
32
+ }
33
+
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
26
38
  .list-div .list-table {
27
39
  width: 100%;
28
40
  height: 100%;
@@ -154,7 +166,4 @@
154
166
  .list-div .list-table .list-com {
155
167
  display: flex;
156
168
  align-items: center;
157
- }
158
- .list-div .el-tooltip {
159
- white-space: pre-wrap;
160
169
  }
@@ -23,6 +23,18 @@
23
23
  line-height: var(--lable-array-height);
24
24
  }
25
25
 
26
+ .com-limit.is-tooltip {
27
+ max-height: var(--com-limit-max-height);
28
+ display: -webkit-box;
29
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
30
+ -webkit-box-orient: vertical;
31
+ text-overflow: ellipsis;
32
+ }
33
+
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
26
38
  .list-div .list-table {
27
39
  width: 100%;
28
40
  height: 100%;
@@ -155,9 +167,6 @@
155
167
  display: flex;
156
168
  align-items: center;
157
169
  }
158
- .list-div .el-tooltip {
159
- white-space: pre-wrap;
160
- }
161
170
 
162
171
  .lists {
163
172
  width: 100%;
@@ -23,6 +23,18 @@
23
23
  line-height: var(--lable-array-height);
24
24
  }
25
25
 
26
+ .com-limit.is-tooltip {
27
+ max-height: var(--com-limit-max-height);
28
+ display: -webkit-box;
29
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
30
+ -webkit-box-orient: vertical;
31
+ text-overflow: ellipsis;
32
+ }
33
+
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
26
38
  .list-div .list-table {
27
39
  width: 100%;
28
40
  height: 100%;
@@ -155,9 +167,6 @@
155
167
  display: flex;
156
168
  align-items: center;
157
169
  }
158
- .list-div .el-tooltip {
159
- white-space: pre-wrap;
160
- }
161
170
 
162
171
  .lists {
163
172
  width: 100%;
@@ -23,6 +23,18 @@
23
23
  line-height: var(--lable-array-height);
24
24
  }
25
25
 
26
+ .com-limit.is-tooltip {
27
+ max-height: var(--com-limit-max-height);
28
+ display: -webkit-box;
29
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
30
+ -webkit-box-orient: vertical;
31
+ text-overflow: ellipsis;
32
+ }
33
+
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
26
38
  .list-div .list-table {
27
39
  width: 100%;
28
40
  height: 100%;
@@ -155,9 +167,6 @@
155
167
  display: flex;
156
168
  align-items: center;
157
169
  }
158
- .list-div .el-tooltip {
159
- white-space: pre-wrap;
160
- }
161
170
 
162
171
  .lists {
163
172
  width: 100%;
package/dist/css/page.css CHANGED
@@ -571,6 +571,18 @@
571
571
  height: inherit;
572
572
  }
573
573
 
574
+ .com-limit.is-tooltip {
575
+ max-height: var(--com-limit-max-height);
576
+ display: -webkit-box;
577
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
578
+ -webkit-box-orient: vertical;
579
+ text-overflow: ellipsis;
580
+ }
581
+
582
+ .el-tooltip {
583
+ white-space: pre-wrap;
584
+ }
585
+
574
586
  .list-div .list-table {
575
587
  width: 100%;
576
588
  height: 100%;
@@ -703,17 +715,6 @@
703
715
  display: flex;
704
716
  align-items: center;
705
717
  }
706
- .list-div .el-tooltip {
707
- white-space: pre-wrap;
708
- }
709
-
710
- .com-limit.is-tooltip {
711
- max-height: var(--com-limit-max-height);
712
- display: -webkit-box;
713
- -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
714
- -webkit-box-orient: vertical;
715
- text-overflow: ellipsis;
716
- }
717
718
 
718
719
  .tables {
719
720
  width: 100%;
@@ -31,6 +31,10 @@
31
31
  text-overflow: ellipsis;
32
32
  }
33
33
 
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
34
38
  .tables {
35
39
  width: 100%;
36
40
  min-height: var(--tables-min-height, 70px);
@@ -31,6 +31,10 @@
31
31
  text-overflow: ellipsis;
32
32
  }
33
33
 
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
34
38
  .tables {
35
39
  width: 100%;
36
40
  min-height: var(--tables-min-height, 70px);
@@ -31,6 +31,10 @@
31
31
  text-overflow: ellipsis;
32
32
  }
33
33
 
34
+ .el-tooltip {
35
+ white-space: pre-wrap;
36
+ }
37
+
34
38
  .tables {
35
39
  width: 100%;
36
40
  min-height: var(--tables-min-height, 70px);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "prefix": "fang-ui",
3
3
  "info": {},
4
- "lastModified": 1766133827596,
4
+ "lastModified": 1766153728671,
5
5
  "icons": {
6
6
  "bar": {
7
7
  "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "
package/dist/index.css CHANGED
@@ -959,6 +959,18 @@
959
959
  margin-right: 10px;
960
960
  }
961
961
 
962
+ .com-limit.is-tooltip {
963
+ max-height: var(--com-limit-max-height);
964
+ display: -webkit-box;
965
+ -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
966
+ -webkit-box-orient: vertical;
967
+ text-overflow: ellipsis;
968
+ }
969
+
970
+ .el-tooltip {
971
+ white-space: pre-wrap;
972
+ }
973
+
962
974
  .list-div .list-table {
963
975
  width: 100%;
964
976
  height: 100%;
@@ -1091,17 +1103,6 @@
1091
1103
  display: flex;
1092
1104
  align-items: center;
1093
1105
  }
1094
- .list-div .el-tooltip {
1095
- white-space: pre-wrap;
1096
- }
1097
-
1098
- .com-limit.is-tooltip {
1099
- max-height: var(--com-limit-max-height);
1100
- display: -webkit-box;
1101
- -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
1102
- -webkit-box-orient: vertical;
1103
- text-overflow: ellipsis;
1104
- }
1105
1106
 
1106
1107
  .tables {
1107
1108
  width: 100%;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fangzhongya/fang-ui",
3
3
  "private": false,
4
- "version": "0.1.52",
4
+ "version": "0.1.54",
5
5
  "type": "module",
6
6
  "description ": "fang-ui",
7
7
  "keywords": [
@@ -51,14 +51,14 @@
51
51
  "vue": "^3.5.25",
52
52
  "vue-tsc": "^3.1.8",
53
53
  "vxe-table": "4.6.20",
54
+ "@fang-ui/hooks": "0.0.1-0",
54
55
  "@fang-ui/components": "0.0.1-0",
55
56
  "@fang-ui/directives": "0.0.1-0",
56
- "@fang-ui/hooks": "0.0.1-0",
57
57
  "@fang-ui/icons": "0.0.1-0",
58
58
  "@fang-ui/locale": "0.0.1-0",
59
59
  "@fang-ui/theme": "0.0.1-0",
60
- "@fang-ui/utils": "0.0.1-0",
61
- "@fang-ui/types": "0.0.1-0"
60
+ "@fang-ui/types": "0.0.1-0",
61
+ "@fang-ui/utils": "0.0.1-0"
62
62
  },
63
63
  "main": "./dist/index.cjs",
64
64
  "module": "./dist/index.js",
File without changes
File without changes
File without changes