-
+
+
+
+ グループ名
+
+ {fieldgroup.title && fieldgroup.name && (
+
+ )}
- ) : (
-
-
-
-
- {
- const value = e.target.value;
- if (!value) return;
- setField((prevState) => ({ ...prevState, groupTitle: value }));
- }}
- className="acms-admin-form-width-full"
- placeholder="例）スタッフリスト"
- />
-
-
-
-
-
-
- {
- const value = e.target.value;
- if (!value) return;
- setField((prevState) => ({ ...prevState, groupName: value }));
- }}
- className="acms-admin-form-width-full"
- placeholder="例）group_staff"
- />
-
-
-
- {field.openGroup ? (
-
- ) : (
-
- )}
-
-
- )}
- {field.openGroup && (
- <>
+ {fieldgroup.title && fieldgroup.name ? (
-
- グループのタイトル
+ グループタイトル
カスタムフィールドグループのテーブル用のタイトルとなります。
- - {field.groupTitle}
+ - {fieldgroup.title}
-
@@ -264,53 +194,145 @@ export function FieldGroup() {
カスタムフィールドグループのフィールド名です。値を必ず入力してください。
- - {field.groupName}
+ - {fieldgroup.name}
+ ) : (
+ <>
+
+
+
+
+ {
+ const value = e.target.value;
+ if (!value) return;
+ setField((prevState) => ({ ...prevState, groupTitle: value }));
+ }}
+ className="acms-admin-form-width-full"
+ placeholder="例）スタッフリスト"
+ />
+
+
-
-
- {field.type === 'checkbox' && (
-
-
+
+
+
+ {
+ const value = e.target.value;
+ if (!value) return;
+ setField((prevState) => ({ ...prevState, groupName: value }));
+ }}
+ className="acms-admin-form-width-full"
+ placeholder="例）group_staff"
+ />
+
+
+
+ {fieldgroup.title && fieldgroup.name ? (
+
+ ) : (
+
+ )}
+
- )}
- {field.type === 'selectbox' && (
-
-
-
-
- )}
- {field.type === 'radioButton' && (
-
-
-
-
- )}
- {field.type === 'image' && (
-
- {}
- {}
-
- )}
- {field.type === 'file' && (
-
-
-
- )}
- {field.type === 'media' && (
-
-
-
- )}
- {field.type === 'rich-editor' && (
-
-
-
- )}
-
-
-
+
+ )}
+
+
+ {fieldgroup.title && fieldgroup.name && (
+
+
コード生成
+
+
+
+ {field.type === 'checkbox' && (
+
+
+
+ )}
+ {field.type === 'selectbox' && (
+
+
+
+
+ )}
+ {field.type === 'radioButton' && (
+
+
+
+
+ )}
+ {field.type === 'image' && (
+
+ {}
+ {}
+
+ )}
+ {field.type === 'file' && (
+
+
+
+ )}
+ {field.type === 'media' && (
+
+
+
+ )}
+ {field.type === 'rich-editor' && (
+
+
+
+ )}
+
+
+
+
)}
diff --git a/src/components/genelator/Unit.jsx b/src/components/genelator/Unit.jsx
index 76993bb..3620da4 100644
--- a/src/components/genelator/Unit.jsx
+++ b/src/components/genelator/Unit.jsx
@@ -94,8 +94,8 @@ export function Unit() {
return (
+
コード生成
-
{field.type === 'selectbox' && (
@@ -143,6 +143,7 @@ export function Unit() {
)}
+
);
}
diff --git a/src/components/genelator/UnitGroup.jsx b/src/components/genelator/UnitGroup.jsx
index 259881d..4a0dd82 100644
--- a/src/components/genelator/UnitGroup.jsx
+++ b/src/components/genelator/UnitGroup.jsx
@@ -93,7 +93,12 @@ const crearField = {
export function UnitGroup() {
const [field, setField] = useState(defaultProps);
- const { setUnitGroupTitleName, addUnitGroupItem, clearUnitGroupItem } = useMakerContext();
+ const {
+ state: { unitgroup },
+ setUnitGroupTitleName,
+ addUnitGroupItem,
+ clearUnitGroup,
+ } = useMakerContext();
const showGroup = useCallback(() => {
if (!field.groupName) {
@@ -122,8 +127,9 @@ export function UnitGroup() {
}
}, [field, setUnitGroupTitleName, addUnitGroupItem]);
- const addNewGroup = useCallback(() => {
- clearUnitGroupItem();
+ const clearGroupHandler = useCallback(() => {
+ if (!confirm('生成したコードの履歴も消えてしまいます。よろしいですか？')) return;
+ clearUnitGroup();
setField(crearField);
setField((prevState) => ({
...prevState,
@@ -131,112 +137,36 @@ export function UnitGroup() {
groupTitle: '',
groupName: '',
}));
- }, [clearUnitGroupItem]);
+ }, [clearUnitGroup]);
return (
-
+
- {field.openGroup ? (
-
-
+
+
+
+ グループ名
+
+ {unitgroup.title && unitgroup.name && (
+
+ )}
- ) : (
-
-
-
-
- {
- const value = e.target.value;
- if (!value) return;
- setField((prevState) => ({ ...prevState, groupTitle: value }));
- }}
- className="acms-admin-form-width-full"
- placeholder="例）スタッフリスト"
- />
-
-
-
-
-
-
- {
- const value = e.target.value;
- if (!value) return;
- setField((prevState) => ({ ...prevState, groupName: value }));
- }}
- className="acms-admin-form-width-full"
- placeholder="例）group_staff"
- />
-
-
-
- {field.openGroup ? (
-
- ) : (
-
- )}
-
-
- )}
- {field.openGroup && (
- <>
+ {unitgroup.title && unitgroup.name ? (
-
- グループのタイトル
+ グループタイトル
カスタムフィールドグループのテーブル用のタイトルとなります。
- - {field.groupTitle}
+ - {unitgroup.title}
-
@@ -264,53 +194,145 @@ export function UnitGroup() {
カスタムフィールドグループのフィールド名です。値を必ず入力してください。
- - {field.groupName}
+ - {unitgroup.name}
+ ) : (
+ <>
+
+
+
+
+ {
+ const value = e.target.value;
+ if (!value) return;
+ setField((prevState) => ({ ...prevState, groupTitle: value }));
+ }}
+ className="acms-admin-form-width-full"
+ placeholder="例）スタッフリスト"
+ />
+
+
-
-
- {field.type === 'checkbox' && (
-
-
+
+
+
+ {
+ const value = e.target.value;
+ if (!value) return;
+ setField((prevState) => ({ ...prevState, groupName: value }));
+ }}
+ className="acms-admin-form-width-full"
+ placeholder="例）group_staff"
+ />
+
+
+
+ {field.openGroup ? (
+
+ ) : (
+
+ )}
+
- )}
- {field.type === 'selectbox' && (
-
-
-
-
- )}
- {field.type === 'radioButton' && (
-
-
-
-
- )}
- {field.type === 'image' && (
-
-
-
-
- )}
- {field.type === 'file' && (
-
-
-
- )}
- {field.type === 'media' && (
-
-
-
- )}
- {field.type === 'rich-editor' && (
-
-
-
- )}
-
-
-
+
+ )}
+
+
+ {unitgroup.title && unitgroup.name && (
+
+
コード生成
+
+
+
+ {field.type === 'checkbox' && (
+
+
+
+ )}
+ {field.type === 'selectbox' && (
+
+
+
+
+ )}
+ {field.type === 'radioButton' && (
+
+
+
+
+ )}
+ {field.type === 'image' && (
+
+
+
+
+ )}
+ {field.type === 'file' && (
+
+
+
+ )}
+ {field.type === 'media' && (
+
+
+
+ )}
+ {field.type === 'rich-editor' && (
+
+
+
+ )}
+
+
+
+
)}
diff --git a/src/components/genelator/base/Basic.jsx b/src/components/genelator/base/Basic.jsx
index 91e707d..52a7d1c 100644
--- a/src/components/genelator/base/Basic.jsx
+++ b/src/components/genelator/base/Basic.jsx
@@ -87,7 +87,7 @@ export function Basic(props) {
value={field.title || ''}
onChange={(e) => handleInputChange(e, 'title')}
className="acms-admin-form-width-full"
- placeholder="氏名"
+ placeholder=""
/>
@@ -112,19 +112,7 @@ export function Basic(props) {
value={field.name || ''}
onChange={(e) => handleInputChange(e, 'name')}
className="acms-admin-form-width-full"
- placeholder="name"
- />
-
-
-
-
-
- handleInputChange(e, 'tooltip')}
- className="acms-admin-form-width-full"
- placeholder="姓名をスペースなしで入力して下さい"
+ placeholder=""
/>
@@ -137,11 +125,23 @@ export function Basic(props) {
value={field.placeholder || ''}
onChange={(e) => handleInputChange(e, 'placeholder')}
className="acms-admin-form-width-full"
- placeholder="例）林檎太郎"
+ placeholder=""
/>