@rainbow-oh/yee-c 0.8.9 → 0.8.11

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rainbow-oh/yee-c",
3
- "version": "0.8.9",
3
+ "version": "0.8.11",
4
4
  "description": "yee basic components",
5
5
  "keywords": [
6
6
  "react",
@@ -74,7 +74,7 @@ const Popconfirm: React.FC<PopconfirmProps> = (baseprops) => {
74
74
  ref={(node) => {
75
75
  if (node) {
76
76
  const btn = node.querySelector<HTMLButtonElement>('[data-confirm]');
77
- if (btn) btn.focus();
77
+ if (btn) btn.focus({ preventScroll: true });
78
78
  }
79
79
  }}
80
80
  >
@@ -127,7 +127,11 @@ const Popconfirm: React.FC<PopconfirmProps> = (baseprops) => {
127
127
  open={mergedOpen}
128
128
  onOpenChange={handleOpenChange}
129
129
  >
130
- <div className={`${prefixCls}-trigger`}>{children}</div>
130
+ {React.isValidElement(children) ? (
131
+ children
132
+ ) : (
133
+ <span className={`${prefixCls}-trigger`}>{children}</span>
134
+ )}
131
135
  </Trigger>
132
136
  );
133
137
  };
@@ -11,10 +11,13 @@
11
11
  display: flex;
12
12
  gap: var(--yee-popconfirm-header-gap);
13
13
  align-items: center;
14
+ margin-bottom: var(--yee-popconfirm-header-margin-bottom);
14
15
  }
15
16
 
16
17
  &-title {
17
- margin: var(--yee-popconfirm-title-margin);
18
+ margin: 0;
19
+ font-size: var(--yee-popconfirm-title-font-size);
20
+ font-weight: var(--yee-popconfirm-title-font-weight);
18
21
  }
19
22
 
20
23
  &-footer {
@@ -72,14 +72,13 @@
72
72
  }
73
73
 
74
74
  &-filter {
75
+ max-height: var(--yee-table-filter-popup-height);
76
+ background-color: var(--yee-table-filter-list-bg-color);
77
+
75
78
  &-trigger {
76
79
  display: inline-flex;
77
80
  cursor: pointer;
78
81
  }
79
-
80
- &-popup {
81
- background-color: var(--yee-table-filter-list-bg-color);
82
- }
83
82
  }
84
83
 
85
84
  &-content {
@@ -189,7 +189,7 @@ const HeaderFilter = React.memo((props: any) => {
189
189
  <Popover
190
190
  trigger="click"
191
191
  placement="bottomRight"
192
- popupClassName={clsx(`${prefixCls}-filter`)}
192
+ className={`${prefixCls}-filter`}
193
193
  content={popup}
194
194
  arrow
195
195
  open={open}
@@ -383,12 +383,14 @@
383
383
 
384
384
  /* --Popconfirm-- */
385
385
  --yee-popconfirm-z-index: var(--yee-z-index-tooltip);
386
- --yee-popconfirm-padding: 16px;
386
+ --yee-popconfirm-padding: 12px;
387
387
  --yee-popconfirm-border-radius: 4px;
388
388
  --yee-popconfirm-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
389
389
  --yee-popconfirm-header-gap: 16px;
390
- --yee-popconfirm-title-margin: 0;
390
+ --yee-popconfirm-header-margin-bottom: 8px;
391
391
  --yee-popconfirm-footer-margin-top: 16px;
392
+ --yee-popconfirm-title-font-size: 16px;
393
+ --yee-popconfirm-title-font-weight: 600;
392
394
 
393
395
  /* --Popover-- */
394
396
  --yee-popover-z-index: var(--yee-z-index-tooltip);
@@ -401,6 +403,7 @@
401
403
  --yee-popover-header-line-height: 24px;
402
404
  --yee-popover-arrow-width: var(--yee-popup-arrow-width);
403
405
  --yee-popover-arrow-height: var(--yee-popup-arrow-height);
406
+ --yee-table-filter-popup-height: 400px;
404
407
 
405
408
  /* --Progress-- */
406
409
  --yee-progress-text-width: 48px;
package/src/version.ts CHANGED
@@ -4,7 +4,7 @@ declare global {
4
4
  }
5
5
  }
6
6
 
7
- export const version = "0.8.9";
7
+ export const version = "0.8.11";
8
8
 
9
9
  if (typeof window !== 'undefined') {
10
10
  window.__yee_c_version__ = version;