@fangzhongya/fang-ui 0.1.45 → 0.1.47

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 (121) hide show
  1. package/dist/components/cascaders/index.css +6 -0
  2. package/dist/components/cascaders/index.scss +6 -0
  3. package/dist/components/common/compons/components.cjs +0 -16
  4. package/dist/components/common/compons/components.d.ts +0 -8
  5. package/dist/components/common/compons/components.js +0 -16
  6. package/dist/components/common/compons/index.scss +0 -8
  7. package/dist/components/common/compons/index2.scss +0 -8
  8. package/dist/components/common/css.cjs +0 -1
  9. package/dist/components/common/css.js +0 -1
  10. package/dist/components/date-picker/style/element.scss +1 -1
  11. package/dist/components/dates-divide/index.css +6 -0
  12. package/dist/components/dates-divide/index.scss +6 -0
  13. package/dist/components/dates-divide/src/index2.cjs +4 -2
  14. package/dist/components/dates-divide/src/index2.js +4 -2
  15. package/dist/components/dates-picker/index.css +2 -2
  16. package/dist/components/dates-picker/index.scss +4 -4
  17. package/dist/components/dates-picker/src/index2.cjs +2 -1
  18. package/dist/components/dates-picker/src/index2.js +2 -1
  19. package/dist/components/dates2/index.css +9 -0
  20. package/dist/components/dates2/index.scss +3 -0
  21. package/dist/components/dates2/src/index2.cjs +6 -4
  22. package/dist/components/dates2/src/index2.js +6 -4
  23. package/dist/components/double/index.css +45 -10
  24. package/dist/components/double/index.scss +30 -17
  25. package/dist/components/double/src/data.cjs +24 -5
  26. package/dist/components/double/src/data.d.ts +23 -1
  27. package/dist/components/double/src/data.js +24 -5
  28. package/dist/components/double/src/index2.cjs +129 -64
  29. package/dist/components/double/src/index2.js +126 -61
  30. package/dist/components/double/style/index2.scss +1 -0
  31. package/dist/components/forms/common/config.cjs +3 -2
  32. package/dist/components/forms/common/config.js +3 -2
  33. package/dist/components/forms/index.css +74 -162
  34. package/dist/components/forms/src/setup.cjs +1 -2
  35. package/dist/components/forms/src/setup.js +1 -2
  36. package/dist/components/forms/src/util.cjs +30 -33
  37. package/dist/components/forms/src/util.js +29 -32
  38. package/dist/components/forms-item/index.css +3 -0
  39. package/dist/components/forms-item/index.scss +5 -0
  40. package/dist/components/forms-items/index.css +3 -0
  41. package/dist/components/forms-items/src/index2.cjs +1 -2
  42. package/dist/components/forms-items/src/index2.js +1 -2
  43. package/dist/components/input-history/index.css +3 -0
  44. package/dist/components/input-history/index.scss +3 -1
  45. package/dist/components/input-history/src/data.d.ts +1 -0
  46. package/dist/components/input-history/src/index2.cjs +23 -19
  47. package/dist/components/input-history/src/index2.js +15 -11
  48. package/dist/components/input-select/index.css +35 -7
  49. package/dist/components/input-select/index.scss +10 -7
  50. package/dist/components/input-select/src/index2.cjs +26 -19
  51. package/dist/components/input-select/src/index2.js +23 -16
  52. package/dist/components/input-select/style/index2.scss +2 -1
  53. package/dist/components/list/index.css +15 -14
  54. package/dist/components/list/index.scss +21 -19
  55. package/dist/components/list/src/index2.cjs +60 -41
  56. package/dist/components/list/src/index2.js +61 -42
  57. package/dist/components/lists/index.css +15 -14
  58. package/dist/components/lists/src/index2.cjs +1 -2
  59. package/dist/components/lists/src/index2.js +1 -2
  60. package/dist/components/listsp/index.css +15 -14
  61. package/dist/components/listspd/index.css +15 -14
  62. package/dist/components/page/index.css +94 -176
  63. package/dist/components/scss/function.scss +3 -1
  64. package/dist/components/select-scroll/src/index2.cjs +1 -1
  65. package/dist/components/select-scroll/src/index2.js +2 -2
  66. package/dist/components/selector/index.css +50 -10
  67. package/dist/components/selector/index.scss +5 -0
  68. package/dist/components/selector/src/data.cjs +7 -3
  69. package/dist/components/selector/src/data.d.ts +8 -4
  70. package/dist/components/selector/src/data.js +7 -3
  71. package/dist/components/selector/src/index2.cjs +127 -91
  72. package/dist/components/selector/src/index2.js +124 -88
  73. package/dist/components/tables/common/pagin.cjs +1 -1
  74. package/dist/components/tables/common/pagin.d.ts +4 -4
  75. package/dist/components/tables/common/pagin.js +1 -1
  76. package/dist/components/tables/common/tooltip.cjs +1 -1
  77. package/dist/components/tables/common/tooltip.js +1 -1
  78. package/dist/components/tables/index.css +5 -0
  79. package/dist/components/tables/index.scss +3 -0
  80. package/dist/components/tables/src/data.cjs +1 -3
  81. package/dist/components/tables/src/data.d.ts +1 -1
  82. package/dist/components/tables/src/data.js +1 -3
  83. package/dist/components/tables/src/index2.cjs +9 -3
  84. package/dist/components/tables/src/index2.js +10 -4
  85. package/dist/components/tablesp/index.css +5 -0
  86. package/dist/components/tablespd/index.css +5 -0
  87. package/dist/components/tablesv/src/data.cjs +1 -3
  88. package/dist/components/tablesv/src/data.d.ts +1 -1
  89. package/dist/components/tablesv/src/data.js +1 -3
  90. package/dist/components/tablesv/src/index2.cjs +9 -3
  91. package/dist/components/tablesv/src/index2.js +10 -4
  92. package/dist/css/cascaders.css +6 -0
  93. package/dist/css/dates-divide.css +6 -0
  94. package/dist/css/dates-picker.css +2 -2
  95. package/dist/css/dates2.css +9 -0
  96. package/dist/css/double.css +45 -10
  97. package/dist/css/forms-item.css +3 -0
  98. package/dist/css/forms-items.css +3 -0
  99. package/dist/css/forms.css +74 -162
  100. package/dist/css/index.css +247 -200
  101. package/dist/css/input-history.css +3 -0
  102. package/dist/css/input-select.css +35 -7
  103. package/dist/css/list.css +15 -14
  104. package/dist/css/lists.css +15 -14
  105. package/dist/css/listsp.css +15 -14
  106. package/dist/css/listspd.css +15 -14
  107. package/dist/css/page.css +94 -176
  108. package/dist/css/selector.css +50 -10
  109. package/dist/css/tables.css +5 -0
  110. package/dist/css/tablesp.css +5 -0
  111. package/dist/css/tablespd.css +5 -0
  112. package/dist/icons/index.json +1 -1
  113. package/dist/index.css +247 -200
  114. package/dist/type.d.ts +2 -2
  115. package/dist/utils/css.cjs +0 -10
  116. package/dist/utils/css.d.ts +0 -2
  117. package/dist/utils/css.js +1 -5
  118. package/dist/utils/vues/buildProps.d.ts +5 -0
  119. package/package.json +4 -4
  120. /package/dist/components/{keep-com → alert}/index.css +0 -0
  121. /package/dist/css/{keep-com.css → alert.css} +0 -0
@@ -43,5 +43,10 @@
43
43
  }
44
44
  .tables-table.el-table--default .cell {
45
45
  white-space: pre-wrap;
46
+ }
47
+ .tables-table.el-table--default .cell.el-tooltip {
48
+ white-space: nowrap;
49
+ }
50
+ .tables-table.el-table--default .cell {
46
51
  padding: 0 var(--tables-interval-horizon, var(--tables-interval));
47
52
  }
@@ -27,6 +27,9 @@ $tables: 'tables';
27
27
  }
28
28
  .cell {
29
29
  white-space: pre-wrap;
30
+ &.#{el('tooltip')} {
31
+ white-space: nowrap;
32
+ }
30
33
  padding: 0
31
34
  var(
32
35
  vdm('interval-horizon', $tables),
@@ -16,9 +16,7 @@ const dataProps = {
16
16
  */
17
17
  height: {
18
18
  type: [String, Number],
19
- default() {
20
- return "auto";
21
- }
19
+ default: "auto"
22
20
  },
23
21
  /**
24
22
  * @props { String, Number } maxHeight
@@ -26,7 +26,7 @@ export declare const dataProps: {
26
26
  */
27
27
  height: {
28
28
  type: (StringConstructor | NumberConstructor)[];
29
- default(): string;
29
+ default: string;
30
30
  };
31
31
  /**
32
32
  * @props { String, Number } maxHeight
@@ -14,9 +14,7 @@ const dataProps = {
14
14
  */
15
15
  height: {
16
16
  type: [String, Number],
17
- default() {
18
- return "auto";
19
- }
17
+ default: "auto"
20
18
  },
21
19
  /**
22
20
  * @props { String, Number } maxHeight
@@ -134,11 +134,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
134
134
  const getRef = () => {
135
135
  return tableRef.value;
136
136
  };
137
+ const onClickTotal = () => {
138
+ isfocus.value = false;
139
+ };
137
140
  vue.onMounted(() => {
138
141
  if (globalThis) {
139
- globalThis.addEventListener("click", () => {
140
- isfocus.value = false;
141
- });
142
+ globalThis.addEventListener("click", onClickTotal);
143
+ }
144
+ });
145
+ vue.onUnmounted(() => {
146
+ if (globalThis) {
147
+ globalThis.removeEventListener("click", onClickTotal);
142
148
  }
143
149
  });
144
150
  __expose({
@@ -1,4 +1,4 @@
1
- import { defineComponent, useSlots, useAttrs, ref, computed, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, withModifiers, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
1
+ import { defineComponent, useSlots, useAttrs, ref, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, withModifiers, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
2
2
  import { name, dataProps, dataExpose, dataEmits } from "./data.js";
3
3
  import { provides } from "../common/config.js";
4
4
  import { Table } from "../../table/index.js";
@@ -132,11 +132,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
132
132
  const getRef = () => {
133
133
  return tableRef.value;
134
134
  };
135
+ const onClickTotal = () => {
136
+ isfocus.value = false;
137
+ };
135
138
  onMounted(() => {
136
139
  if (globalThis) {
137
- globalThis.addEventListener("click", () => {
138
- isfocus.value = false;
139
- });
140
+ globalThis.addEventListener("click", onClickTotal);
141
+ }
142
+ });
143
+ onUnmounted(() => {
144
+ if (globalThis) {
145
+ globalThis.removeEventListener("click", onClickTotal);
140
146
  }
141
147
  });
142
148
  __expose({
@@ -43,6 +43,11 @@
43
43
  }
44
44
  .tables-table.el-table--default .cell {
45
45
  white-space: pre-wrap;
46
+ }
47
+ .tables-table.el-table--default .cell.el-tooltip {
48
+ white-space: nowrap;
49
+ }
50
+ .tables-table.el-table--default .cell {
46
51
  padding: 0 var(--tables-interval-horizon, var(--tables-interval));
47
52
  }
48
53
 
@@ -43,6 +43,11 @@
43
43
  }
44
44
  .tables-table.el-table--default .cell {
45
45
  white-space: pre-wrap;
46
+ }
47
+ .tables-table.el-table--default .cell.el-tooltip {
48
+ white-space: nowrap;
49
+ }
50
+ .tables-table.el-table--default .cell {
46
51
  padding: 0 var(--tables-interval-horizon, var(--tables-interval));
47
52
  }
48
53
 
@@ -16,9 +16,7 @@ const dataProps = {
16
16
  */
17
17
  height: {
18
18
  type: [String, Number],
19
- default() {
20
- return "auto";
21
- }
19
+ default: "auto"
22
20
  },
23
21
  /**
24
22
  * @props { String, Number } maxHeight
@@ -26,7 +26,7 @@ export declare const dataProps: {
26
26
  */
27
27
  height: {
28
28
  type: (StringConstructor | NumberConstructor)[];
29
- default(): string;
29
+ default: string;
30
30
  };
31
31
  /**
32
32
  * @props { String, Number } maxHeight
@@ -14,9 +14,7 @@ const dataProps = {
14
14
  */
15
15
  height: {
16
16
  type: [String, Number],
17
- default() {
18
- return "auto";
19
- }
17
+ default: "auto"
20
18
  },
21
19
  /**
22
20
  * @props { String, Number } maxHeight
@@ -205,11 +205,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
205
205
  const getRef = () => {
206
206
  return tableRef.value;
207
207
  };
208
+ const onClickTotal = () => {
209
+ isfocus.value = false;
210
+ };
208
211
  vue.onMounted(() => {
209
212
  if (globalThis) {
210
- globalThis.addEventListener("click", () => {
211
- isfocus.value = false;
212
- });
213
+ globalThis.addEventListener("click", onClickTotal);
214
+ }
215
+ });
216
+ vue.onUnmounted(() => {
217
+ if (globalThis) {
218
+ globalThis.removeEventListener("click", onClickTotal);
213
219
  }
214
220
  });
215
221
  __expose({
@@ -1,4 +1,4 @@
1
- import { defineComponent, useSlots, useAttrs, ref, computed, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, withModifiers, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
1
+ import { defineComponent, useSlots, useAttrs, ref, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, withModifiers, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
2
2
  import { VxeTable } from "vxe-table/es/table";
3
3
  import "../../loading/index.js";
4
4
  import { name, dataProps, dataExpose, dataEmits } from "./data.js";
@@ -203,11 +203,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
203
203
  const getRef = () => {
204
204
  return tableRef.value;
205
205
  };
206
+ const onClickTotal = () => {
207
+ isfocus.value = false;
208
+ };
206
209
  onMounted(() => {
207
210
  if (globalThis) {
208
- globalThis.addEventListener("click", () => {
209
- isfocus.value = false;
210
- });
211
+ globalThis.addEventListener("click", onClickTotal);
212
+ }
213
+ });
214
+ onUnmounted(() => {
215
+ if (globalThis) {
216
+ globalThis.removeEventListener("click", onClickTotal);
211
217
  }
212
218
  });
213
219
  __expose({
@@ -26,7 +26,13 @@
26
26
  height: 100%;
27
27
  width: 100%;
28
28
  }
29
+ .cascaders-cascader .el-input {
30
+ height: 100%;
31
+ }
29
32
  .cascaders-tree {
30
33
  height: 100%;
31
34
  width: 100%;
35
+ }
36
+ .cascaders-tree .el-select__wrapper {
37
+ height: 100%;
32
38
  }
@@ -25,7 +25,13 @@
25
25
  .dates-divide {
26
26
  display: inline-flex;
27
27
  align-items: center;
28
+ width: 100%;
28
29
  }
29
30
  .dates-divide-range {
30
31
  padding: 0 10px;
32
+ }
33
+ .dates-divide .dates-divide-date {
34
+ height: 100%;
35
+ width: 100%;
36
+ box-sizing: border-box;
31
37
  }
@@ -22,12 +22,12 @@
22
22
  line-height: var(--lable-array-height);
23
23
  }
24
24
 
25
- .dates2 .dates2-date {
25
+ .dates-picker .dates-picker-date {
26
26
  height: 100%;
27
27
  width: 100%;
28
28
  box-sizing: border-box;
29
29
  }
30
- .dates2 .dates2-separate {
30
+ .dates-picker .dates-picker-separate {
31
31
  display: flex;
32
32
  align-items: center;
33
33
  }
@@ -25,10 +25,16 @@
25
25
  .dates-divide {
26
26
  display: inline-flex;
27
27
  align-items: center;
28
+ width: 100%;
28
29
  }
29
30
  .dates-divide-range {
30
31
  padding: 0 10px;
31
32
  }
33
+ .dates-divide .dates-divide-date {
34
+ height: 100%;
35
+ width: 100%;
36
+ box-sizing: border-box;
37
+ }
32
38
 
33
39
  .selects-select {
34
40
  height: 100%;
@@ -47,4 +53,7 @@
47
53
  .dates2 .dates2-separate {
48
54
  display: flex;
49
55
  align-items: center;
56
+ }
57
+ .dates2 .dates2-separate-select {
58
+ width: 120px;
50
59
  }
@@ -22,26 +22,63 @@
22
22
  line-height: var(--lable-array-height);
23
23
  }
24
24
 
25
+ .icon {
26
+ --color: inherit;
27
+ height: 1em;
28
+ width: 1em;
29
+ line-height: 1em;
30
+ display: inline-flex;
31
+ justify-content: center;
32
+ align-items: center;
33
+ position: relative;
34
+ fill: currentColor;
35
+ color: var(--color);
36
+ font-size: inherit;
37
+ }
38
+ .icon-cont {
39
+ border: 0;
40
+ display: inline-flex;
41
+ align-items: center;
42
+ object-fit: contain;
43
+ justify-content: center;
44
+ font-size: inherit !important;
45
+ width: inherit !important;
46
+ height: inherit !important;
47
+ }
48
+
25
49
  .double {
26
50
  width: 100%;
27
51
  display: inline-flex;
28
52
  align-items: center;
29
- box-sizing: content-box;
30
- padding: 1.2px 1px;
53
+ box-sizing: border-box;
54
+ padding: 1px 1px;
31
55
  position: relative;
32
56
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
33
57
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
34
58
  }
35
59
  .double.is-focus {
36
- box-shadow: 0 0 0 1px var(--color-primary) inset;
60
+ box-shadow: 0 0 0 1px var(--el-color-primary) inset;
61
+ }
62
+ .double.is-error {
63
+ box-shadow: 0 0 0 1px var(--el-color-danger) inset;
64
+ }
65
+ .double.is-disabled {
66
+ cursor: not-allowed;
67
+ background-color: var(--el-disabled-bg-color);
68
+ }
69
+ .double.is-disabled .double-range {
70
+ color: var(--el-disabled-text-color);
37
71
  }
38
72
  .double-error {
39
73
  position: absolute;
40
- bottom: -23px;
41
- color: #f00;
42
- font-size: 0.8rem;
74
+ padding-top: 2px;
75
+ color: var(--el-color-danger);
76
+ bottom: -15px;
77
+ font-size: 12px;
78
+ line-height: 1;
43
79
  border-radius: 4px;
44
80
  left: 12px;
81
+ white-space: nowrap;
45
82
  }
46
83
  .double-error.type-1 {
47
84
  left: calc(50% + 24px);
@@ -57,6 +94,8 @@
57
94
  .double-value {
58
95
  flex: 1;
59
96
  height: 100%;
97
+ display: flex;
98
+ align-items: center;
60
99
  }
61
100
  .double-range {
62
101
  padding: 0 5px;
@@ -68,10 +107,6 @@
68
107
  justify-content: center;
69
108
  padding: 5px;
70
109
  }
71
- .double-clear svg {
72
- width: 1rem;
73
- height: 1rem;
74
- }
75
110
  .double .el-input .el-input__wrapper {
76
111
  border: none;
77
112
  box-shadow: none;
@@ -46,4 +46,7 @@
46
46
  .forms-item-el-item.is-top .el-form-item__content {
47
47
  min-height: var(--forms-item-row-height);
48
48
  display: grid;
49
+ }
50
+ .forms-item-el-item.is-error .double {
51
+ box-shadow: 0 0 0 1px var(--el-color-danger) inset;
49
52
  }
@@ -47,6 +47,9 @@
47
47
  min-height: var(--forms-item-row-height);
48
48
  display: grid;
49
49
  }
50
+ .forms-item-el-item.is-error .double {
51
+ box-shadow: 0 0 0 1px var(--el-color-danger) inset;
52
+ }
50
53
 
51
54
  .forms-items {
52
55
  width: 100%;