@sunggang/ui-lib 0.4.62 → 0.4.63

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 (6) hide show
  1. package/Form.cjs.js +113 -99
  2. package/Form.esm.js +113 -99
  3. package/index.cjs.css +0 -3
  4. package/index.esm.css +0 -3
  5. package/package.json +1 -1
  6. package/src/lib/Form/types.d.ts +1 -1
package/Form.cjs.js CHANGED
@@ -8040,7 +8040,6 @@ var FieldArray = function(param) {
8040
8040
  var config = item === null || item === void 0 ? void 0 : item.fieldArrayConfig;
8041
8041
  var fieldConfigs = (config === null || config === void 0 ? void 0 : config.fields) || [];
8042
8042
  var addButtonText = (config === null || config === void 0 ? void 0 : config.addButtonText) || "新增";
8043
- (config === null || config === void 0 ? void 0 : config.removeButtonText) || "刪除";
8044
8043
  var maxItems = config === null || config === void 0 ? void 0 : config.maxItems;
8045
8044
  var minItems = (config === null || config === void 0 ? void 0 : config.minItems) || 0;
8046
8045
  var defaultItemCount = (config === null || config === void 0 ? void 0 : config.defaultItemCount) || 1;
@@ -8116,119 +8115,134 @@ var FieldArray = function(param) {
8116
8115
  (item === null || item === void 0 ? void 0 : item.label) && /*#__PURE__*/ jsxRuntime.jsx(FieldLabel.FieldLabel, {
8117
8116
  item: item
8118
8117
  }),
8118
+ addButtonPosition === "top" && canAdd && /*#__PURE__*/ jsxRuntime.jsxs("button", {
8119
+ type: "button",
8120
+ onClick: handleAdd,
8121
+ className: addButtonClassName || [
8122
+ "h-11 px-4 rounded-2xl border border-solid border-[#6f6f6f]",
8123
+ "text-[#6f6f6f] bg-white hover:bg-[#F5F5F5]",
8124
+ "transition-colors duration-200",
8125
+ "flex items-center whitespace-nowrap mb-4"
8126
+ ].join(" "),
8127
+ children: [
8128
+ "+ ",
8129
+ addButtonText
8130
+ ]
8131
+ }),
8119
8132
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
8120
8133
  className: "space-y-2",
8121
8134
  children: [
8122
8135
  fields.map(function(field, index) {
8123
8136
  return /*#__PURE__*/ jsxRuntime.jsx("div", {
8124
8137
  className: "bg-white overflow-scroll",
8125
- children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
8138
+ children: /*#__PURE__*/ jsxRuntime.jsx("div", {
8126
8139
  className: "flex items-start gap-2 flex-wrap lg:flex-nowrap h-[96px]",
8127
- children: [
8128
- fieldConfigs.map(function(fieldConfig, fieldIndex) {
8129
- var _fieldConfig_validateOption;
8130
- var fieldName = "".concat(item.name, ".").concat(index, ".").concat(fieldConfig.name);
8131
- var fieldError = getFieldError(index, fieldConfig.name);
8132
- var isLastField = fieldIndex === fieldConfigs.length - 1;
8133
- return /*#__PURE__*/ jsxRuntime.jsxs("div", {
8134
- className: [
8135
- isLastField ? "flex items-start gap-2 flex-1" : "flex-1",
8136
- "min-w-[200px]"
8137
- ].join(" "),
8138
- children: [
8139
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
8140
- className: "flex-1",
8140
+ children: fieldConfigs.map(function(fieldConfig, fieldIndex) {
8141
+ var _fieldConfig_validateOption;
8142
+ var fieldName = "".concat(item.name, ".").concat(index, ".").concat(fieldConfig.name);
8143
+ var fieldError = getFieldError(index, fieldConfig.name);
8144
+ var isLastField = fieldIndex === fieldConfigs.length - 1;
8145
+ return /*#__PURE__*/ jsxRuntime.jsxs("div", {
8146
+ className: [
8147
+ isLastField ? "flex items-start gap-1 flex-1" : "flex-1",
8148
+ "min-w-[200px]"
8149
+ ].join(" "),
8150
+ children: [
8151
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
8152
+ className: "flex-1",
8153
+ children: [
8154
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
8155
+ className: "font-medium mb-2",
8156
+ children: [
8157
+ fieldConfig.label,
8158
+ (fieldConfig === null || fieldConfig === void 0 ? void 0 : (_fieldConfig_validateOption = fieldConfig.validateOption) === null || _fieldConfig_validateOption === void 0 ? void 0 : _fieldConfig_validateOption.required) && /*#__PURE__*/ jsxRuntime.jsx("span", {
8159
+ className: "pl-1 text-[#EF5533] font-bold",
8160
+ children: "*"
8161
+ })
8162
+ ]
8163
+ }),
8164
+ /*#__PURE__*/ jsxRuntime.jsx(index_esm.Controller, {
8165
+ name: fieldName,
8166
+ control: control,
8167
+ rules: fieldConfig === null || fieldConfig === void 0 ? void 0 : fieldConfig.validateOption,
8168
+ render: function(param) {
8169
+ var controllerField = param.field;
8170
+ return /*#__PURE__*/ jsxRuntime.jsxs("div", {
8171
+ className: "relative",
8172
+ children: [
8173
+ /*#__PURE__*/ jsxRuntime.jsx("input", _object_spread_props(_object_spread({}, controllerField), {
8174
+ list: "".concat(fieldName, "-datalist"),
8175
+ type: "text",
8176
+ className: [
8177
+ (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled) ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f]",
8178
+ "w-full h-11 rounded-2xl px-4 border border-solid border-[#B4B4B4]"
8179
+ ].join(" "),
8180
+ placeholder: fieldConfig.placeholder || fieldConfig.label,
8181
+ disabled: (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled)
8182
+ })),
8183
+ fieldConfig.options && fieldConfig.options.length > 0 && /*#__PURE__*/ jsxRuntime.jsx("datalist", {
8184
+ id: "".concat(fieldName, "-datalist"),
8185
+ children: fieldConfig.options.map(function(option, optIndex) {
8186
+ return /*#__PURE__*/ jsxRuntime.jsx("option", {
8187
+ value: option.value || option.name,
8188
+ children: option.name
8189
+ }, optIndex);
8190
+ })
8191
+ })
8192
+ ]
8193
+ });
8194
+ }
8195
+ }),
8196
+ (fieldError === null || fieldError === void 0 ? void 0 : fieldError.message) && /*#__PURE__*/ jsxRuntime.jsxs("div", {
8197
+ className: "pt-1 text-xs text-[#EF5533]",
8198
+ children: [
8199
+ "*",
8200
+ String(fieldError.message)
8201
+ ]
8202
+ })
8203
+ ]
8204
+ }),
8205
+ /*#__PURE__*/ jsxRuntime.jsx("div", {
8206
+ className: "flex gap-1 items-center",
8207
+ children: isLastField && /*#__PURE__*/ jsxRuntime.jsxs("div", {
8208
+ className: [
8209
+ "flex items-center justify-center flex-shrink-0",
8210
+ "mt-[30px]"
8211
+ ].join(" "),
8141
8212
  children: [
8142
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
8143
- className: "font-medium mb-2 text-sm",
8213
+ addButtonPosition === "inline" && canAdd && index === fields.length - 1 && /*#__PURE__*/ jsxRuntime.jsxs("button", {
8214
+ type: "button",
8215
+ onClick: handleAdd,
8216
+ className: addButtonClassName || [
8217
+ "h-11 px-4 rounded-2xl border border-solid border-[#6f6f6f]",
8218
+ "text-[#6f6f6f] bg-white hover:bg-[#F5F5F5]",
8219
+ "transition-colors duration-200",
8220
+ "flex items-center gap-2 whitespace-nowrap flex-shrink-0"
8221
+ ].join(" "),
8144
8222
  children: [
8145
- fieldConfig.label,
8146
- (fieldConfig === null || fieldConfig === void 0 ? void 0 : (_fieldConfig_validateOption = fieldConfig.validateOption) === null || _fieldConfig_validateOption === void 0 ? void 0 : _fieldConfig_validateOption.required) && /*#__PURE__*/ jsxRuntime.jsx("span", {
8147
- className: "pl-1 text-[#EF5533] font-bold",
8148
- children: "*"
8149
- })
8223
+ /*#__PURE__*/ jsxRuntime.jsx(react$1.Icon, {
8224
+ icon: "mdi:plus",
8225
+ className: "w-5 h-5"
8226
+ }),
8227
+ addButtonText
8150
8228
  ]
8151
8229
  }),
8152
- /*#__PURE__*/ jsxRuntime.jsx(index_esm.Controller, {
8153
- name: fieldName,
8154
- control: control,
8155
- rules: fieldConfig === null || fieldConfig === void 0 ? void 0 : fieldConfig.validateOption,
8156
- render: function(param) {
8157
- var controllerField = param.field;
8158
- return /*#__PURE__*/ jsxRuntime.jsxs("div", {
8159
- className: "relative",
8160
- children: [
8161
- /*#__PURE__*/ jsxRuntime.jsx("input", _object_spread_props(_object_spread({}, controllerField), {
8162
- list: "".concat(fieldName, "-datalist"),
8163
- type: "text",
8164
- className: [
8165
- (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled) ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f]",
8166
- "w-full h-11 rounded-2xl px-4 border border-solid border-[#B4B4B4]"
8167
- ].join(" "),
8168
- placeholder: fieldConfig.placeholder || fieldConfig.label,
8169
- disabled: (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled)
8170
- })),
8171
- fieldConfig.options && fieldConfig.options.length > 0 && /*#__PURE__*/ jsxRuntime.jsx("datalist", {
8172
- id: "".concat(fieldName, "-datalist"),
8173
- children: fieldConfig.options.map(function(option, optIndex) {
8174
- return /*#__PURE__*/ jsxRuntime.jsx("option", {
8175
- value: option.value || option.name,
8176
- children: option.name
8177
- }, optIndex);
8178
- })
8179
- })
8180
- ]
8181
- });
8182
- }
8183
- }),
8184
- (fieldError === null || fieldError === void 0 ? void 0 : fieldError.message) && /*#__PURE__*/ jsxRuntime.jsxs("div", {
8185
- className: "pt-1 text-xs text-[#EF5533]",
8186
- children: [
8187
- "*",
8188
- String(fieldError.message)
8189
- ]
8230
+ canRemove && fields.length > 1 && /*#__PURE__*/ jsxRuntime.jsx("div", {
8231
+ className: "p-2 rounded-2xl text-[#EF5533] bg-white hover:bg-[#FFF5F3] transition-colors duration-200",
8232
+ children: /*#__PURE__*/ jsxRuntime.jsx(react$1.Icon, {
8233
+ icon: "fluent-mdl2:delete",
8234
+ className: "w-6 h-6",
8235
+ onClick: function() {
8236
+ return handleRemove(index);
8237
+ }
8238
+ })
8190
8239
  })
8191
8240
  ]
8192
- }),
8193
- isLastField && canRemove && /*#__PURE__*/ jsxRuntime.jsx("button", {
8194
- type: "button",
8195
- onClick: function() {
8196
- return handleRemove(index);
8197
- },
8198
- className: [
8199
- "h-11 px-2 rounded-2xl",
8200
- "text-[#EF5533] bg-white hover:bg-[#FFF5F3]",
8201
- "transition-colors duration-200",
8202
- "flex items-center justify-center flex-shrink-0",
8203
- "mt-[30px]"
8204
- ].join(" "),
8205
- children: /*#__PURE__*/ jsxRuntime.jsx(react$1.Icon, {
8206
- icon: "fluent-mdl2:delete",
8207
- className: "w-6 h-6"
8208
- })
8209
8241
  })
8210
- ]
8211
- }, fieldIndex);
8212
- }),
8213
- addButtonPosition === "inline" && canAdd && index === fields.length - 1 && /*#__PURE__*/ jsxRuntime.jsxs("button", {
8214
- type: "button",
8215
- onClick: handleAdd,
8216
- className: addButtonClassName || [
8217
- "h-11 px-4 rounded-2xl border border-solid border-[#6f6f6f]",
8218
- "text-[#6f6f6f] bg-white hover:bg-[#F5F5F5]",
8219
- "transition-colors duration-200",
8220
- "flex items-center gap-2 whitespace-nowrap flex-shrink-0",
8221
- "mt-[30px]"
8222
- ].join(" "),
8223
- children: [
8224
- /*#__PURE__*/ jsxRuntime.jsx(react$1.Icon, {
8225
- icon: "mdi:plus",
8226
- className: "w-5 h-5"
8227
- }),
8228
- addButtonText
8242
+ })
8229
8243
  ]
8230
- })
8231
- ]
8244
+ }, fieldIndex);
8245
+ })
8232
8246
  })
8233
8247
  }, field.id);
8234
8248
  }),
package/Form.esm.js CHANGED
@@ -8013,7 +8013,6 @@ var FieldArray = function(param) {
8013
8013
  var config = item === null || item === void 0 ? void 0 : item.fieldArrayConfig;
8014
8014
  var fieldConfigs = (config === null || config === void 0 ? void 0 : config.fields) || [];
8015
8015
  var addButtonText = (config === null || config === void 0 ? void 0 : config.addButtonText) || "新增";
8016
- (config === null || config === void 0 ? void 0 : config.removeButtonText) || "刪除";
8017
8016
  var maxItems = config === null || config === void 0 ? void 0 : config.maxItems;
8018
8017
  var minItems = (config === null || config === void 0 ? void 0 : config.minItems) || 0;
8019
8018
  var defaultItemCount = (config === null || config === void 0 ? void 0 : config.defaultItemCount) || 1;
@@ -8089,119 +8088,134 @@ var FieldArray = function(param) {
8089
8088
  (item === null || item === void 0 ? void 0 : item.label) && /*#__PURE__*/ jsx$1(FieldLabel, {
8090
8089
  item: item
8091
8090
  }),
8091
+ addButtonPosition === "top" && canAdd && /*#__PURE__*/ jsxs("button", {
8092
+ type: "button",
8093
+ onClick: handleAdd,
8094
+ className: addButtonClassName || [
8095
+ "h-11 px-4 rounded-2xl border border-solid border-[#6f6f6f]",
8096
+ "text-[#6f6f6f] bg-white hover:bg-[#F5F5F5]",
8097
+ "transition-colors duration-200",
8098
+ "flex items-center whitespace-nowrap mb-4"
8099
+ ].join(" "),
8100
+ children: [
8101
+ "+ ",
8102
+ addButtonText
8103
+ ]
8104
+ }),
8092
8105
  /*#__PURE__*/ jsxs("div", {
8093
8106
  className: "space-y-2",
8094
8107
  children: [
8095
8108
  fields.map(function(field, index) {
8096
8109
  return /*#__PURE__*/ jsx$1("div", {
8097
8110
  className: "bg-white overflow-scroll",
8098
- children: /*#__PURE__*/ jsxs("div", {
8111
+ children: /*#__PURE__*/ jsx$1("div", {
8099
8112
  className: "flex items-start gap-2 flex-wrap lg:flex-nowrap h-[96px]",
8100
- children: [
8101
- fieldConfigs.map(function(fieldConfig, fieldIndex) {
8102
- var _fieldConfig_validateOption;
8103
- var fieldName = "".concat(item.name, ".").concat(index, ".").concat(fieldConfig.name);
8104
- var fieldError = getFieldError(index, fieldConfig.name);
8105
- var isLastField = fieldIndex === fieldConfigs.length - 1;
8106
- return /*#__PURE__*/ jsxs("div", {
8107
- className: [
8108
- isLastField ? "flex items-start gap-2 flex-1" : "flex-1",
8109
- "min-w-[200px]"
8110
- ].join(" "),
8111
- children: [
8112
- /*#__PURE__*/ jsxs("div", {
8113
- className: "flex-1",
8113
+ children: fieldConfigs.map(function(fieldConfig, fieldIndex) {
8114
+ var _fieldConfig_validateOption;
8115
+ var fieldName = "".concat(item.name, ".").concat(index, ".").concat(fieldConfig.name);
8116
+ var fieldError = getFieldError(index, fieldConfig.name);
8117
+ var isLastField = fieldIndex === fieldConfigs.length - 1;
8118
+ return /*#__PURE__*/ jsxs("div", {
8119
+ className: [
8120
+ isLastField ? "flex items-start gap-1 flex-1" : "flex-1",
8121
+ "min-w-[200px]"
8122
+ ].join(" "),
8123
+ children: [
8124
+ /*#__PURE__*/ jsxs("div", {
8125
+ className: "flex-1",
8126
+ children: [
8127
+ /*#__PURE__*/ jsxs("div", {
8128
+ className: "font-medium mb-2",
8129
+ children: [
8130
+ fieldConfig.label,
8131
+ (fieldConfig === null || fieldConfig === void 0 ? void 0 : (_fieldConfig_validateOption = fieldConfig.validateOption) === null || _fieldConfig_validateOption === void 0 ? void 0 : _fieldConfig_validateOption.required) && /*#__PURE__*/ jsx$1("span", {
8132
+ className: "pl-1 text-[#EF5533] font-bold",
8133
+ children: "*"
8134
+ })
8135
+ ]
8136
+ }),
8137
+ /*#__PURE__*/ jsx$1(Controller, {
8138
+ name: fieldName,
8139
+ control: control,
8140
+ rules: fieldConfig === null || fieldConfig === void 0 ? void 0 : fieldConfig.validateOption,
8141
+ render: function(param) {
8142
+ var controllerField = param.field;
8143
+ return /*#__PURE__*/ jsxs("div", {
8144
+ className: "relative",
8145
+ children: [
8146
+ /*#__PURE__*/ jsx$1("input", _object_spread_props(_object_spread({}, controllerField), {
8147
+ list: "".concat(fieldName, "-datalist"),
8148
+ type: "text",
8149
+ className: [
8150
+ (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled) ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f]",
8151
+ "w-full h-11 rounded-2xl px-4 border border-solid border-[#B4B4B4]"
8152
+ ].join(" "),
8153
+ placeholder: fieldConfig.placeholder || fieldConfig.label,
8154
+ disabled: (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled)
8155
+ })),
8156
+ fieldConfig.options && fieldConfig.options.length > 0 && /*#__PURE__*/ jsx$1("datalist", {
8157
+ id: "".concat(fieldName, "-datalist"),
8158
+ children: fieldConfig.options.map(function(option, optIndex) {
8159
+ return /*#__PURE__*/ jsx$1("option", {
8160
+ value: option.value || option.name,
8161
+ children: option.name
8162
+ }, optIndex);
8163
+ })
8164
+ })
8165
+ ]
8166
+ });
8167
+ }
8168
+ }),
8169
+ (fieldError === null || fieldError === void 0 ? void 0 : fieldError.message) && /*#__PURE__*/ jsxs("div", {
8170
+ className: "pt-1 text-xs text-[#EF5533]",
8171
+ children: [
8172
+ "*",
8173
+ String(fieldError.message)
8174
+ ]
8175
+ })
8176
+ ]
8177
+ }),
8178
+ /*#__PURE__*/ jsx$1("div", {
8179
+ className: "flex gap-1 items-center",
8180
+ children: isLastField && /*#__PURE__*/ jsxs("div", {
8181
+ className: [
8182
+ "flex items-center justify-center flex-shrink-0",
8183
+ "mt-[30px]"
8184
+ ].join(" "),
8114
8185
  children: [
8115
- /*#__PURE__*/ jsxs("div", {
8116
- className: "font-medium mb-2 text-sm",
8186
+ addButtonPosition === "inline" && canAdd && index === fields.length - 1 && /*#__PURE__*/ jsxs("button", {
8187
+ type: "button",
8188
+ onClick: handleAdd,
8189
+ className: addButtonClassName || [
8190
+ "h-11 px-4 rounded-2xl border border-solid border-[#6f6f6f]",
8191
+ "text-[#6f6f6f] bg-white hover:bg-[#F5F5F5]",
8192
+ "transition-colors duration-200",
8193
+ "flex items-center gap-2 whitespace-nowrap flex-shrink-0"
8194
+ ].join(" "),
8117
8195
  children: [
8118
- fieldConfig.label,
8119
- (fieldConfig === null || fieldConfig === void 0 ? void 0 : (_fieldConfig_validateOption = fieldConfig.validateOption) === null || _fieldConfig_validateOption === void 0 ? void 0 : _fieldConfig_validateOption.required) && /*#__PURE__*/ jsx$1("span", {
8120
- className: "pl-1 text-[#EF5533] font-bold",
8121
- children: "*"
8122
- })
8196
+ /*#__PURE__*/ jsx$1(Icon, {
8197
+ icon: "mdi:plus",
8198
+ className: "w-5 h-5"
8199
+ }),
8200
+ addButtonText
8123
8201
  ]
8124
8202
  }),
8125
- /*#__PURE__*/ jsx$1(Controller, {
8126
- name: fieldName,
8127
- control: control,
8128
- rules: fieldConfig === null || fieldConfig === void 0 ? void 0 : fieldConfig.validateOption,
8129
- render: function(param) {
8130
- var controllerField = param.field;
8131
- return /*#__PURE__*/ jsxs("div", {
8132
- className: "relative",
8133
- children: [
8134
- /*#__PURE__*/ jsx$1("input", _object_spread_props(_object_spread({}, controllerField), {
8135
- list: "".concat(fieldName, "-datalist"),
8136
- type: "text",
8137
- className: [
8138
- (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled) ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f]",
8139
- "w-full h-11 rounded-2xl px-4 border border-solid border-[#B4B4B4]"
8140
- ].join(" "),
8141
- placeholder: fieldConfig.placeholder || fieldConfig.label,
8142
- disabled: (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled)
8143
- })),
8144
- fieldConfig.options && fieldConfig.options.length > 0 && /*#__PURE__*/ jsx$1("datalist", {
8145
- id: "".concat(fieldName, "-datalist"),
8146
- children: fieldConfig.options.map(function(option, optIndex) {
8147
- return /*#__PURE__*/ jsx$1("option", {
8148
- value: option.value || option.name,
8149
- children: option.name
8150
- }, optIndex);
8151
- })
8152
- })
8153
- ]
8154
- });
8155
- }
8156
- }),
8157
- (fieldError === null || fieldError === void 0 ? void 0 : fieldError.message) && /*#__PURE__*/ jsxs("div", {
8158
- className: "pt-1 text-xs text-[#EF5533]",
8159
- children: [
8160
- "*",
8161
- String(fieldError.message)
8162
- ]
8203
+ canRemove && fields.length > 1 && /*#__PURE__*/ jsx$1("div", {
8204
+ className: "p-2 rounded-2xl text-[#EF5533] bg-white hover:bg-[#FFF5F3] transition-colors duration-200",
8205
+ children: /*#__PURE__*/ jsx$1(Icon, {
8206
+ icon: "fluent-mdl2:delete",
8207
+ className: "w-6 h-6",
8208
+ onClick: function() {
8209
+ return handleRemove(index);
8210
+ }
8211
+ })
8163
8212
  })
8164
8213
  ]
8165
- }),
8166
- isLastField && canRemove && /*#__PURE__*/ jsx$1("button", {
8167
- type: "button",
8168
- onClick: function() {
8169
- return handleRemove(index);
8170
- },
8171
- className: [
8172
- "h-11 px-2 rounded-2xl",
8173
- "text-[#EF5533] bg-white hover:bg-[#FFF5F3]",
8174
- "transition-colors duration-200",
8175
- "flex items-center justify-center flex-shrink-0",
8176
- "mt-[30px]"
8177
- ].join(" "),
8178
- children: /*#__PURE__*/ jsx$1(Icon, {
8179
- icon: "fluent-mdl2:delete",
8180
- className: "w-6 h-6"
8181
- })
8182
8214
  })
8183
- ]
8184
- }, fieldIndex);
8185
- }),
8186
- addButtonPosition === "inline" && canAdd && index === fields.length - 1 && /*#__PURE__*/ jsxs("button", {
8187
- type: "button",
8188
- onClick: handleAdd,
8189
- className: addButtonClassName || [
8190
- "h-11 px-4 rounded-2xl border border-solid border-[#6f6f6f]",
8191
- "text-[#6f6f6f] bg-white hover:bg-[#F5F5F5]",
8192
- "transition-colors duration-200",
8193
- "flex items-center gap-2 whitespace-nowrap flex-shrink-0",
8194
- "mt-[30px]"
8195
- ].join(" "),
8196
- children: [
8197
- /*#__PURE__*/ jsx$1(Icon, {
8198
- icon: "mdi:plus",
8199
- className: "w-5 h-5"
8200
- }),
8201
- addButtonText
8215
+ })
8202
8216
  ]
8203
- })
8204
- ]
8217
+ }, fieldIndex);
8218
+ })
8205
8219
  })
8206
8220
  }, field.id);
8207
8221
  }),
package/index.cjs.css CHANGED
@@ -1584,9 +1584,6 @@ video {
1584
1584
  .mb-4 {
1585
1585
  margin-bottom: 1rem;
1586
1586
  }
1587
- .mb-5 {
1588
- margin-bottom: 1.25rem;
1589
- }
1590
1587
  .mb-6 {
1591
1588
  margin-bottom: 1.5rem;
1592
1589
  }
package/index.esm.css CHANGED
@@ -1584,9 +1584,6 @@ video {
1584
1584
  .mb-4 {
1585
1585
  margin-bottom: 1rem;
1586
1586
  }
1587
- .mb-5 {
1588
- margin-bottom: 1.25rem;
1589
- }
1590
1587
  .mb-6 {
1591
1588
  margin-bottom: 1.5rem;
1592
1589
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunggang/ui-lib",
3
- "version": "0.4.62",
3
+ "version": "0.4.63",
4
4
  "sideEffects": [
5
5
  "*.css",
6
6
  "./src/style.css",
package/src/lib/Form/types.d.ts CHANGED
@@ -175,7 +175,7 @@ export interface FormItem {
175
175
  maxItems?: number;
176
176
  minItems?: number;
177
177
  defaultItemCount?: number;
178
- addButtonPosition?: 'inline' | 'bottom';
178
+ addButtonPosition?: 'inline' | 'bottom' | 'top';
179
179
  addButtonClassName?: string;
180
180
  };
181
181
  }