feat: ✨ 更新部分组件库组件命名

anyone-yuren · Jan 4, 2024 · 4da56f4 · 4da56f4
1 parent 25996fb
commit 4da56f4
Show file tree

Hide file tree

Showing 25 changed files with 96 additions and 101 deletions.
diff --git a/packages/gbeata/docs/components/CharaSelect.tsx b/packages/gbeata/docs/components/CharaSelect.tsx
@@ -108,7 +108,7 @@ export default function CharaSelect(props: CharaSelectProps) {
     <div className="chara-select">
       {content}
       {readonly ? (
-        <div className="mw-form-text">-</div>
+        <div className="g-form-text">-</div>
       ) : (
         <GDialog
           title="角色选择"

diff --git a/packages/gbeata/docs/components/DateShortcut.md b/packages/gbeata/docs/components/DateShortcut.md
@@ -91,7 +91,7 @@ registerField('date-range', {
       text = text.join('\n');
     }
     return readonly ? (
-      <span className="mw-form-text">{text || '-'}</span>
+      <span className="g-form-text">{text || '-'}</span>
     ) : (
       <DatePicker.RangePicker
         presets={presets}
@@ -109,7 +109,7 @@ const renderExtraFooter = ({ setFieldsValue, field }: AnyKeyProps) => {
    * 填充日期
    * @param value 日期
    */
-  const setValue = (value: dayjs.dayjs) => {
+  const setValue = (value: any) => {
     setFieldsValue({
       [field.key]: value,
     });
@@ -157,7 +157,7 @@ registerField('date', {
       text = '';
     }
     return readonly ? (
-      <span className="mw-form-text">{text || '-'}</span>
+      <span className="g-form-text">{text || '-'}</span>
     ) : (
       <DatePicker
         renderExtraFooter={() => renderExtraFooter({ setFieldsValue, field })}

diff --git a/packages/gbeata/docs/components/ExtraConfig.md b/packages/gbeata/docs/components/ExtraConfig.md
@@ -13,7 +13,7 @@ order: 3
 全屏遮罩默认层级是固定 999，如果发生覆盖现象，可以考虑调整此参数。
 
 ```css
-.mw-search-table.full {
+.g-search-table.full {
   z-index: 999;
 }
 ```

diff --git a/packages/gbeata/docs/components/GCtrl.md b/packages/gbeata/docs/components/GCtrl.md
@@ -51,7 +51,7 @@ GSearchTable 下 GCtrl 的样式会更加紧凑。
 ```tsx
 import React from 'react';
 import { GSearchTable, GAction, GCtrl, GSearchTableField } from 'gbeata';
-import { GTableCtrlField } from 'gbeata/lib/GTable/mw-table';
+import { GTableCtrlField } from 'gbeata/lib/GTable/g-table';
 
 /**
  * 测试接口，实际过程中推荐使用 axios 接口
@@ -147,7 +147,7 @@ export default function Demo() {
 - Type: boolean
 - Default: false
 
-可以让 GCtrl 下所有的按钮变成[次级按钮](./mw-button#次级字体)。
+可以让 GCtrl 下所有的按钮变成[次级按钮](./g-button#次级字体)。
 
 ### more
 

diff --git a/packages/gbeata/docs/components/config.tsx b/packages/gbeata/docs/components/config.tsx
@@ -29,7 +29,7 @@ registerField('date-range', {
       text = text.join('\n');
     }
     return readonly ? (
-      <span className="mw-form-text">{text || '-'}</span>
+      <span className="g-form-text">{text || '-'}</span>
     ) : (
       <DatePicker.RangePicker
         presets={presets}
@@ -95,7 +95,7 @@ registerField('date', {
       text = '';
     }
     return readonly ? (
-      <span className="mw-form-text">{text || '-'}</span>
+      <span className="g-form-text">{text || '-'}</span>
     ) : (
       <DatePicker
         renderExtraFooter={() => renderExtraFooter({ setFieldsValue, field })}

diff --git a/packages/gbeata/docs/components/registerField.md b/packages/gbeata/docs/components/registerField.md
@@ -39,7 +39,7 @@ registerField(FormType, {
   render: ({ field, readonly, getFieldValue }: AnyKeyProps) => {
     // 可以在 readonly 模式下，渲染成不同的样子
     return readonly ? (
-      <span className="mw-form-text">{getFieldValue(field.key) || '-'}</span>
+      <span className="g-form-text">{getFieldValue(field.key) || '-'}</span>
     ) : (
       <Component
         placeholder={`请输入${field.title || ''}`}

diff --git a/packages/gbeata/docs/guide/Form.md b/packages/gbeata/docs/guide/Form.md
@@ -467,4 +467,4 @@ export default function Demo() {
 }
 ```
 
-更详细的弹窗表单使用，请看[这里](../../components/form/mw-dialog-form)
+更详细的弹窗表单使用，请看[这里](../../components/form/g-dialog-form)
diff --git a/packages/gbeata/docs/guide/Table.md b/packages/gbeata/docs/guide/Table.md
@@ -737,4 +737,4 @@ export const deleteApi = (params: AnyKeyProps): Promise<any> => {
 };
 ```
 
-更详细的指令按钮介绍，请看[这里](../../components/button/mw-action)
+更详细的指令按钮介绍，请看[这里](../../components/button/g-action)
diff --git a/packages/gbeata/src/GCard/index.less b/packages/gbeata/src/GCard/index.less
@@ -1,6 +1,6 @@
-.mw-card {
+.g-card {
   &.collapsed {
-    .mw-card-collapsible-icon {
+    .g-card-collapsible-icon {
       transform: rotate(-90deg);
     }
 
@@ -14,7 +14,7 @@
   }
 }
 
-.mw-card-collapsible-icon {
+.g-card-collapsible-icon {
   font-size: 16px;
   cursor: pointer;
   transition: transform 200ms;

diff --git a/packages/gbeata/src/GCard/index.tsx b/packages/gbeata/src/GCard/index.tsx
@@ -37,15 +37,15 @@ export default function GCard(props: GCardProps) {
 
   const icon = collapsible ? (
     <DownOutlined
-      className={`mw-card-collapsible-icon ${collapsePosition}`}
+      className={`g-card-collapsible-icon ${collapsePosition}`}
       onClick={toggleCollapsed}
     />
   ) : null;
 
   return (
     <Card
       {...params}
-      className={`mw-card ${collapsed ? 'collapsed' : ''}`}
+      className={`g-card ${collapsed ? 'collapsed' : ''}`}
       title={
         title ? (
           <>

diff --git a/packages/gbeata/src/GCtrl/mw-ctrl.less → packages/gbeata/src/GCtrl/g-ctrl.less b/packages/gbeata/src/GCtrl/mw-ctrl.less → packages/gbeata/src/GCtrl/g-ctrl.less
@@ -1,4 +1,4 @@
-.mw-ctrl {
+.g-ctrl {
   .ant-btn-link {
     line-height: 1;
     height: unset;

diff --git a/packages/gbeata/src/GCtrl/index.tsx b/packages/gbeata/src/GCtrl/index.tsx
@@ -8,7 +8,7 @@ import { CTRL_DEFAULT_MAX, CTRL_DEFAULT_MORE_TEXT } from '../constant';
 import locale from '../locale';
 import { AnyKeyProps } from '../types/AnyKeyProps';
 import { GCtrlProps } from './g-ctrl';
-import './mw-ctrl.less';
+import './g-ctrl.less';
 
 /**
  * 返回一个控制项
@@ -99,7 +99,7 @@ const getCtrlList = (
 
     ctrlList.push(
       <Dropdown key={max} overlay={menu} placement="bottomRight">
-        <GButton type="link" className={classNames('mw-button', sub && 'sub')}>
+        <GButton type="link" className={classNames('g-button', sub && 'sub')}>
           {more}
         </GButton>
       </Dropdown>,
@@ -124,7 +124,7 @@ export default function GCtrl(props: GCtrlProps) {
   return (
     <Space
       size={size}
-      className={classNames('mw-ctrl', className)}
+      className={classNames('g-ctrl', className)}
       style={style}
       split={split ?? <Divider type="vertical" />}
     >

diff --git a/packages/gbeata/src/GDialogForm/index.md b/packages/gbeata/src/GDialogForm/index.md
@@ -589,7 +589,7 @@ export default function AyDialogFormDemo() {
 | updateApi    | 进出详情模式。                                        | Promise                                                    | -      | -     |
 | beforeSubmit | 表单的提交前校验，return false 则不会提交。           | (params?: AnyKeyProps, mode?: string) => boolean \| obejct | -      | -     |
 | dialogOnly   | 是否只使用申明了 dialog 的 Field。                    | boolean                                                    | false  | -     |
-| dialogExtend | [GDialog](../mw-dialog#参数) 的扩展值。               | object                                                     | -      | -     |
+| dialogExtend | [GDialog](../g-dialog#参数) 的扩展值。                | object                                                     | -      | -     |
 | formExtend   | [GForm](../form#props-参数) 的扩展值。                | object                                                     | -      | -     |
 | autoClose    | 成功后是否自动关闭弹窗。                              | boolean                                                    | true   | -     |
 | drawer       | 是否用 Drawer 替换 Modal。                            | boolean                                                    | false  | -     |

diff --git a/packages/gbeata/src/GForm/mw-form.less → packages/gbeata/src/GForm/g-form.less b/packages/gbeata/src/GForm/mw-form.less → packages/gbeata/src/GForm/g-form.less
@@ -113,7 +113,7 @@
     display: flex;
   }
 
-  .mw-card {
+  .g-card {
     margin-bottom: 12px;
   }
 }
@@ -141,21 +141,21 @@
   display: flex;
   padding: 4px 0;
 
-  .mw-button {
+  .g-button {
     color: unset;
     flex: 1;
     padding: 0;
 
     &:hover {
-      background-color: rgba(0, 0, 0, 0.1);
+      background-color: rgba(0, 0, 0, 10%);
     }
   }
 }
 
 .form-tip {
   height: 32px;
   padding-left: @space;
-  color: rgba(0, 0, 0, 0.45);
+  color: rgba(0, 0, 0, 45%);
   display: flex;
   align-items: center;
 }
@@ -208,6 +208,6 @@
   }
 
   .form-tip {
-    color: rgba(255, 255, 255, 0.65);
+    color: rgba(255, 255, 255, 65%);
   }
 }
diff --git a/packages/gbeata/src/GForm/index.md b/packages/gbeata/src/GForm/index.md
@@ -910,7 +910,7 @@ const fields: Array<GFormField> = [
 
 ## 卡片表单
 
-`FormType` 为 `card` 时，子元素会被 [GCard](./mw-card) 包裹起来。
+`FormType` 为 `card` 时，子元素会被 [GCard](./g-card) 包裹起来。
 
 ```tsx
 import React, { useState } from 'react';
@@ -1462,6 +1462,6 @@ const fields: Array<Field> = [
 [cardform]: ./form/card-form
 [groupform]: ./form/group-form
 [listform]: ./form/g-form-list
-[cardgroup]: ./form/mw-card-group#在表单中使用
-[taggroup]: ./form/mw-tag-group#在表单中使用
+[cardgroup]: ./form/g-card-group#在表单中使用
+[taggroup]: ./form/g-tag-group#在表单中使用
 [日期格式化]: ./form/date-format
diff --git a/packages/gbeata/src/GSearch/index.tsx b/packages/gbeata/src/GSearch/index.tsx
@@ -387,7 +387,7 @@ const GSearch = forwardRef(function GSearch(props: GSearchProps, ref) {
         inline ? styles.inline : '',
       )}
     >
-      <div className="mw-search-content" ref={wrapRef}>
+      <div className="g-search-content" ref={wrapRef}>
         <GForm
           layout={{ labelCol: { flex: '100px' } }}
           ref={formRef}

diff --git a/...beata/src/GSearchList/mw-search-list.less → ...gbeata/src/GSearchList/g-search-list.less b/...beata/src/GSearchList/mw-search-list.less → ...gbeata/src/GSearchList/g-search-list.less
@@ -1,6 +1,6 @@
 @import '../less/variable.less';
 
-.mw-search-list {
+.g-search-list {
   .ant-pagination {
     margin-right: @space !important;
   }
@@ -27,7 +27,7 @@
   }
 }
 
-.mw-search-list-more {
+.g-search-list-more {
   padding-right: 0;
 
   .ant-row {
@@ -55,47 +55,47 @@
   }
 }
 
-.mw-search-list-more-submit {
+.g-search-list-more-submit {
   display: none !important;
 }
 
-.mw-search-list-extra-fields-edit-line {
+.g-search-list-extra-fields-edit-line {
   margin: @gap 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 
-.mw-search-list-extra-fields-edit-line-right {
+.g-search-list-extra-fields-edit-line-right {
   display: flex;
   align-items: center;
 }
 
-.mw-search-list-alert {
+.g-search-list-alert {
   margin: 0 @space2 @space2 !important;
 
   .ant-alert-icon {
     transform: translateY(1px);
   }
 }
 
-.mw-search-poper {
+.g-search-poper {
   width: 300px;
   max-height: 180px;
   overflow: auto;
 }
 
-.mw-search-list-extra-btns {
+.g-search-list-extra-btns {
   margin-left: @space;
 }
 
-.mw-search-list-footer-actions {
+.g-search-list-footer-actions {
   right: 0;
   bottom: 0;
   width: 100%;
   padding: @space @space2;
-  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05),
-    0 -12px 48px 16px rgba(0, 0, 0, 0.03);
+  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08),
+    0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
   background-color: #fff;
   z-index: 101;
   position: fixed;

diff --git a/packages/gbeata/src/GSearchList/index.tsx b/packages/gbeata/src/GSearchList/index.tsx
@@ -35,12 +35,12 @@ import Selection from './Selection';
 import SelectionAll from './SelectionAll';
 import { GSearchListProps } from './g-search-list';
 
-import './mw-search-list.less';
+import './g-search-list.less';
 
 export { Selection, SelectionAll };
 
 /**
- * 转化并过滤成 mw-search 能用的 fields
+ * 转化并过滤成 g-search 能用的 fields
  * @param fields 查询表格的 fields
  */
 const getSearchFields = (fields: Array<GSearchTableField>) => {
@@ -345,14 +345,14 @@ function GSearchList(props: GSearchListProps, ref: Ref<any>) {
     if (moreSearchFields && moreSearchFields.length) {
       children.push(
         <GForm
-          className="mw-search-list-more"
-          key="mw-search-list-more"
+          className="g-search-list-more"
+          key="g-search-list-more"
           ref={moreSearchRef}
           fields={moreSearchFields}
           onConfirm={onConfirm}
         >
           <GButton
-            className="mw-search-list-more-submit"
+            className="g-search-list-more-submit"
             htmlType="submit"
           ></GButton>
         </GForm>,
@@ -372,7 +372,7 @@ function GSearchList(props: GSearchListProps, ref: Ref<any>) {
   }, [moreSearchRef, moreSearchFields, onConfirm, rightActions, extraBtns]);
 
   return (
-    <div className={`mw-search-list ${isEnter ? 'full' : ''}`}>
+    <div className={`g-search-list ${isEnter ? 'full' : ''}`}>
       <GSearchTableContext.Provider
         value={{
           formRef,
@@ -411,7 +411,7 @@ function GSearchList(props: GSearchListProps, ref: Ref<any>) {
           {tableChildren}
         </GList>
         {selection.length && footerActions.length ? (
-          <div className="mw-search-list-footer-actions">
+          <div className="g-search-list-footer-actions">
             {message}
             <Space>{footerActions}</Space>
           </div>