@rainbow-oh/yee-c 0.4.1 → 0.4.2

package/src/Table/theader/filter.tsx

@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import { Filter, Search } from 'lucide-react';
+import { ListFilter, Search } from 'lucide-react';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import Button from '../../Button';
 import Divider from '../../Divider';
@@ -7,6 +7,7 @@ import Input from '../../Input';
 import Popover from '../../Popover';
 import Space from '../../Space';
 import Tree from '../../Tree';
+import { useLocale } from '../../locale';
 import { TableCtx } from '../table';
 
 export interface TableFilterProps {
@@ -25,6 +26,8 @@ const getStrLower = (str: any) => {
 const HeaderFilter = React.memo((props: any) => {
   const { filter, column, getContainer, onInternalFilter } = props;
   const { prefixCls } = useContext(TableCtx);
+  const { locale } = useLocale();
+  const { table: tableLocale } = locale;
   const { dataIndex } = column;
 
   const inputRef = useRef<HTMLInputElement>(null);
@@ -86,6 +89,7 @@ const HeaderFilter = React.memo((props: any) => {
           ok('search');
         }
       }}
+      size="small"
       ref={inputRef}
     />
   ) : null;
@@ -106,7 +110,7 @@ const HeaderFilter = React.memo((props: any) => {
       dataSource = [
         {
           key: 'all',
-          label: 'All',
+          label: tableLocale.filterAll,
           children: filteredItems,
         },
       ];
@@ -122,17 +126,14 @@ const HeaderFilter = React.memo((props: any) => {
           multiple
           checkedKeys={selectNodes}
           onCheck={(keys) => setSelectNodes(keys as Array<string | number>)}
-          //   selectedKeys={selectNodes}
-          //   multiple
-          //   onSelect={handleSelect}
         />
         <Divider style={{ margin: '8px 0' }} />
         <Space block style={{ justifyContent: 'flex-end' }}>
           <Button size="small" onClick={reset}>
-            Reset
+            {tableLocale.filterReset}
           </Button>
           <Button size="small" onClick={() => ok('filter')} type="primary">
-            Confirm
+            {tableLocale.filterConfirm}
           </Button>
         </Space>
       </div>
@@ -145,10 +146,10 @@ const HeaderFilter = React.memo((props: any) => {
           style={{ marginTop: 12, justifyContent: 'flex-end', width: '100%' }}
         >
           <Button size="small" onClick={reset}>
-            Reset
+            {tableLocale.filterReset}
           </Button>
           <Button size="small" onClick={() => ok('search')} type="primary">
-            Confirm
+            {tableLocale.filterConfirm}
           </Button>
         </Space>
       </div>
@@ -169,11 +170,13 @@ const HeaderFilter = React.memo((props: any) => {
         <Button
           icon={
             items ? (
-              <Filter size={16} strokeWidth={1.5} />
+              <ListFilter size={14} strokeWidth={1.5} />
             ) : (
-              <Search size={16} strokeWidth={1.5} />
+              <Search size={14} strokeWidth={1.5} />
             )
           }
+          // variant={selectNodes.length ? 'filled' : undefined}
+          color="info"
           type="text"
           size="small"
         />

package/src/TextArea/textarea.tsx

@@ -36,6 +36,8 @@ const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
       defaultValue,
     });
 
+    console.log('mergedValue: ', mergedValue, value);
+
     useEffect(() => {
       const ele = componentRef.current;
       if (ele && autoSize) {
@@ -108,7 +110,7 @@ const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
         <textarea
           {...rest}
           {...props}
-          value={mergedValue}
+          value={mergedValue || ''}
           onChange={handleChange}
           ref={componentRef}
         ></textarea>

package/src/Transfer/transfer-list.tsx

@@ -4,6 +4,7 @@ import React, { useContext, useMemo, useState } from 'react';
 import Button from '../Button';
 import Checkbox from '../Checkbox';
 import Input from '../Input';
+import { useLocale } from '../locale';
 import Pagination from '../Pagination';
 import type { DataSource, TransferListProps } from './interface';
 import { TransferContext } from './transfer';
@@ -22,6 +23,8 @@ const TransferList: React.FC<TransferListProps> = (props) => {
   } = props;
 
   const { rowKey, rowLabel, disabled, prefixCls } = useContext(TransferContext);
+  const { locale } = useLocale();
+  const { transfer: transferLocale } = locale;
   const [searchValue, setSearchValue] = useState('');
   const [current, setCurrent] = useState(1);
   const [pageSize, setPageSize] = useState(pagination?.pageSize ?? 5);
@@ -129,7 +132,7 @@ const TransferList: React.FC<TransferListProps> = (props) => {
       <div className={`${prefixCls}-search`}>
         <Input
           prefix={<Search size={16} />}
-          placeholder="Search"
+          placeholder={transferLocale.searchPlaceholder}
           onChange={handleSearch}
         />
       </div>

package/src/locale/interface.ts

@@ -41,6 +41,23 @@ export interface LocaleSelect {
   noData: string; // "No data"
 }
 
+// Input component
+export interface LocaleInput {
+  showPassword: string; // "Show password"
+  hidePassword: string; // "Hide password"
+}
+
+// Ellipsis component
+export interface LocaleEllipsis {
+  expand: string; // "Expand"
+  collapse: string; // "Collapse"
+}
+
+// Transfer component
+export interface LocaleTransfer {
+  searchPlaceholder: string; // "Search"
+}
+
 // WeekPicker component
 export interface LocaleWeekPicker {
   weekHeader: string[]; // ['', 'Su', 'Mo', 'Tu', ...]
@@ -52,6 +69,7 @@ export interface LocaleTable {
   filterConfirm: string; // "OK"
   filterReset: string; // "Reset"
   filterEmptyText: string; // "No filter conditions"
+  filterAll: string; // "All"
   selectAll?: string; // "Select all"
   selectInvert?: string; // "Invert selection"
   selectNone?: string; // "Clear selection"
@@ -125,6 +143,9 @@ export interface Locale {
   datepicker: LocaleDatePicker;
   rangepicker: LocaleRangePicker;
   select: LocaleSelect;
+  input: LocaleInput;
+  ellipsis: LocaleEllipsis;
+  transfer: LocaleTransfer;
   weekpicker: LocaleWeekPicker;
   table: LocaleTable;
   pagination: LocalePagination;

package/src/locale/lang/en_US.ts

@@ -72,6 +72,20 @@ const locale: Locale = {
     noData: 'No Data',
   },
 
+  input: {
+    showPassword: 'Show password',
+    hidePassword: 'Hide password',
+  },
+
+  ellipsis: {
+    expand: 'Expand',
+    collapse: 'Collapse',
+  },
+
+  transfer: {
+    searchPlaceholder: 'Search',
+  },
+
   weekpicker: {
     weekHeader: ['', 'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
   },
@@ -81,6 +95,7 @@ const locale: Locale = {
     filterConfirm: 'Confirm',
     filterReset: 'Reset',
     filterEmptyText: 'No filters',
+    filterAll: 'All',
     selectAll: 'Select All',
     selectInvert: 'Invert Selection',
     selectNone: 'Clear Selection',

package/src/locale/lang/ja_JP.ts

@@ -72,6 +72,20 @@ const locale: Locale = {
     noData: 'データなし',
   },
 
+  input: {
+    showPassword: 'パスワードを表示',
+    hidePassword: 'パスワードを非表示',
+  },
+
+  ellipsis: {
+    expand: '展開',
+    collapse: '折りたたむ',
+  },
+
+  transfer: {
+    searchPlaceholder: '検索',
+  },
+
   weekpicker: {
     weekHeader: ['', '日', '月', '火', '水', '木', '金', '土'],
   },
@@ -81,6 +95,7 @@ const locale: Locale = {
     filterConfirm: '確認',
     filterReset: 'リセット',
     filterEmptyText: 'フィルターなし',
+    filterAll: 'すべて',
     selectAll: 'すべて選択',
     selectInvert: '選択を反転',
     selectNone: '選択をクリア',

package/src/locale/lang/zh_CN.ts

@@ -63,6 +63,20 @@ const locale: Locale = {
     noData: '暂无数据',
   },
 
+  input: {
+    showPassword: '显示密码',
+    hidePassword: '隐藏密码',
+  },
+
+  ellipsis: {
+    expand: '展开',
+    collapse: '收起',
+  },
+
+  transfer: {
+    searchPlaceholder: '搜索',
+  },
+
   weekpicker: {
     weekHeader: ['', '日', '一', '二', '三', '四', '五', '六'],
   },
@@ -72,6 +86,7 @@ const locale: Locale = {
     filterConfirm: '确定',
     filterReset: '重置',
     filterEmptyText: '无筛选条件',
+    filterAll: '全部',
     selectAll: '全选',
     selectInvert: '反选',
     selectNone: '清空选择',

package/src/locale/lang/zh_TW.ts

@@ -63,6 +63,20 @@ const locale: Locale = {
     noData: '暫無資料',
   },
 
+  input: {
+    showPassword: '顯示密碼',
+    hidePassword: '隱藏密碼',
+  },
+
+  ellipsis: {
+    expand: '展開',
+    collapse: '收合',
+  },
+
+  transfer: {
+    searchPlaceholder: '搜尋',
+  },
+
   weekpicker: {
     weekHeader: ['', '日', '一', '二', '三', '四', '五', '六'],
   },
@@ -72,6 +86,7 @@ const locale: Locale = {
     filterConfirm: '確定',
     filterReset: '重置',
     filterEmptyText: '無篩選條件',
+    filterAll: '全部',
     selectAll: '全選',
     selectInvert: '反選',
     selectNone: '清空選擇',

package/src/style/size.css

@@ -96,7 +96,7 @@
   --yee-btn-border-radius: 4px;
   --yee-btn-loading-margin-inline-end: 6px;
   --yee-btn-border-width: 1px;
-  --yee-btn-solid-active-box-shadow: 0 0 2px 2px rgba(64, 169, 255, 30%);
+  --yee-btn-solid-active-box-shadow: 0 0 4px 0;
   --yee-btn-circle-min-width: 32px;
   --yee-btn-icon-gap: 4px;
   --yee-btn-disabled-opacity: 0.5;

package/src/version.ts

@@ -4,7 +4,7 @@ declare global {
   }
 }
 
-export const version = "0.4.1";
+export const version = "0.4.2";
 
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;