更新必填标签样式，支持左右位置

package.json

@@ -220,4 +220,4 @@
     "@types/react": "^18.2.57",
     "@types/react-dom": "^18.2.19"
   }
-}
+}

src/packages/calendar/__tests__/calendar.spec.tsx

@@ -289,13 +289,13 @@ test('range select event when click item', () => {
   const start = container.querySelectorAll(
     '.nut-calendar-day-active .nut-calendar-day-day'
   )[0]
-  expect(start.innerHTML).toBe('10')
+  expect(start.innerHTML).toBe('14')
 
   const calendarMonthDay2 = container.querySelectorAll('.nut-calendar-day')[20]
   fireEvent.click(calendarMonthDay2)
   expect(onDayClick).toBeCalled()
   const next = container.querySelectorAll(
     '.nut-calendar-day-choose .nut-calendar-day-day'
   )[0]
-  expect(next.innerHTML).toBe('11')
+  expect(next.innerHTML).toBe('15')
 })

src/packages/form/__tests__/form.spec.tsx

@@ -169,7 +169,20 @@ test('form set required', () => {
     </Form>
   )
   expect(
-    container.querySelectorAll('.nut-form-item-label-required')
+    container.querySelectorAll('.nut-form-item-label-required-left')
+  ).toHaveLength(1)
+})
+
+test('form set starPosition', () => {
+  const { container } = render(
+    <Form initialValues={{ username: 'NutUI-React' }} starPosition="right">
+      <Form.Item name="username" required label="UserName">
+        <Input />
+      </Form.Item>
+    </Form>
+  )
+  expect(
+    container.querySelectorAll('.nut-form-item-label-required-right')
   ).toHaveLength(1)
 })
 

src/packages/formitem/formitem.scss

@@ -18,13 +18,20 @@
     text-align: $form-item-label-text-align;
   }
 
-  &-label-required {
+  &-label-required-left {
     color: $form-item-required-color;
     margin-right: $form-item-required-margin-right;
     display: block;
     position: absolute;
     left: -0.8em;
   }
+  &-label-required-right {
+    color: $form-item-required-color;
+    margin-right: $form-item-required-margin-right;
+    display: block;
+    // position: absolute;
+    // left: -0.8em;
+  }
 
   .nut-form-item-labeltxt {
     font-size: $form-item-label-font-size;
@@ -129,6 +136,7 @@
 /* position */
 
 .nut-form-item-label-right {
+  position: relative;
   justify-content: flex-end;
   padding-right: 24px;
   white-space: nowrap;

src/packages/formitem/formitem.taro.tsx

@@ -220,7 +220,9 @@ export class FormItem extends React.Component<
 
     const { starPosition } = this.context.formInstance
     const renderStar = (required || requiredInRules) && (
-      <Text className="nut-form-item-label-required required">*</Text>
+      <Text className={`nut-form-item-label-required-${starPosition} required`}>
+        *
+      </Text>
     )
     const renderLabel = (
       <>

src/packages/formitem/formitem.tsx

@@ -219,7 +219,9 @@ export class FormItem extends React.Component<
 
     const { starPosition } = this.context.formInstance
     const renderStar = (required || requiredInRules) && (
-      <div className="nut-form-item-label-required required">*</div>
+      <div className={`nut-form-item-label-required-${starPosition} required`}>
+        *
+      </div>
     )
     const renderLabel = (
       <>