antd-mobile 0.0.0-dev-626cbf51f → 0.0.0-dev.bc248f5c7

package/2x/cjs/components/empty/empty.css

@@ -13,10 +13,11 @@
 
 .adm-empty-image-container .adm-empty-image {
   width: 128px;
+  height: intrinsic;
 }
 
 .adm-empty-description {
   margin-top: 16px;
-  font-size: 28px;
+  font-size: var(--adm-font-size-6);
   color: var(--adm-color-light);
 }

package/2x/cjs/components/error-block/create-error-block.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactElement, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+import type { ErrorBlockStatus, ImageRecord } from '.';
+export declare type ErrorBlockProps = {
+    status?: ErrorBlockStatus;
+    title?: ReactNode;
+    image?: string | ReactElement;
+    description?: ReactNode;
+    fullPage?: boolean;
+    children?: React.ReactNode;
+} & NativeProps<'--image-height' | '--image-height-full-page' | '--image-width' | '--image-width-full-page'>;
+export declare function createErrorBlock(imageRecord: ImageRecord): React.FC<ErrorBlockProps>;

package/2x/cjs/components/error-block/create-error-block.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createErrorBlock = createErrorBlock;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _nativeProps = require("../../utils/native-props");
+
+var _configProvider = require("../config-provider");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const classPrefix = `adm-error-block`;
+const defaultProps = {
+  status: 'default'
+};
+
+function createErrorBlock(imageRecord) {
+  const ErrorBlock = p => {
+    var _a;
+
+    const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+    const {
+      locale
+    } = (0, _configProvider.useConfig)();
+    const contentPack = locale.ErrorBlock[props.status];
+    const des = 'description' in props ? props.description : contentPack.description;
+    const title = 'title' in props ? props.title : contentPack.title;
+    const image = (_a = props.image) !== null && _a !== void 0 ? _a : imageRecord[props.status];
+    const imageNode = typeof image === 'string' ? _react.default.createElement("img", {
+      src: image,
+      alt: 'error block image'
+    }) : image;
+    return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+      className: (0, _classnames.default)(classPrefix, {
+        [`${classPrefix}-full-page`]: props.fullPage
+      })
+    }, _react.default.createElement("div", {
+      className: `${classPrefix}-image`
+    }, imageNode), _react.default.createElement("div", {
+      className: `${classPrefix}-description`
+    }, title && _react.default.createElement("div", {
+      className: `${classPrefix}-description-title`
+    }, title), des && _react.default.createElement("div", {
+      className: `${classPrefix}-description-subtitle`
+    }, des)), props.children && _react.default.createElement("div", {
+      className: `${classPrefix}-content`
+    }, props.children)));
+  };
+
+  return ErrorBlock;
+}

package/2x/cjs/components/error-block/error-block.css

@@ -20,14 +20,14 @@
 }
 
 .adm-error-block-description {
-  font-size: 24px;
+  font-size: var(--adm-font-size-4);
   color: #999;
   line-height: 1.4;
   margin-top: 24px;
 }
 
 .adm-error-block-description-title {
-  font-size: 30px;
+  font-size: var(--adm-font-size-7);
 }
 
 .adm-error-block-description-subtitle {
@@ -49,10 +49,10 @@
 
 .adm-error-block-full-page .adm-error-block-description {
   margin-top: 40px;
-  font-size: 26px;
+  font-size: var(--adm-font-size-main);
 }
 
 .adm-error-block-full-page .adm-error-block-description-title {
   font-size: 40px;
-  color: #333;
+  color: var(--adm-color-text);
 }

package/2x/cjs/components/error-block/error-block.d.ts

@@ -1,11 +1,2 @@
-import React, { FC, ReactElement, ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type ErrorBlockProps = {
-    status?: 'default' | 'disconnected' | 'empty' | 'busy';
-    title?: ReactNode;
-    image?: string | ReactElement;
-    description?: ReactNode;
-    fullPage?: boolean;
-    children?: React.ReactNode;
-} & NativeProps<'--image-height' | '--image-height-full-page' | '--image-width' | '--image-width-full-page'>;
-export declare const ErrorBlock: FC<ErrorBlockProps>;
+/// <reference types="react" />
+export declare const ErrorBlock: import("react").FC<import("./create-error-block").ErrorBlockProps>;

package/2x/cjs/components/error-block/error-block.js

@@ -5,61 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ErrorBlock = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _nativeProps = require("../../utils/native-props");
-
-var _configProvider = require("../config-provider");
+var _createErrorBlock = require("./create-error-block");
 
 var _images = require("./images");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = `adm-error-block`;
-const defaultProps = {
-  status: 'default'
+const imageRecord = {
+  'default': _images.defaultImage,
+  'disconnected': _images.disconnectedImage,
+  'empty': _images.emptyImage,
+  'busy': _images.busyImage
 };
-
-const ErrorBlock = p => {
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const {
-    locale
-  } = (0, _configProvider.useConfig)();
-  const contentPack = locale.ErrorBlock[props.status];
-  const des = 'description' in props ? props.description : contentPack.description;
-  const title = 'title' in props ? props.title : contentPack.title;
-  let imageNode = _images.imageRecord[props.status];
-
-  if (props.image) {
-    if (typeof props.image === 'string') {
-      imageNode = _react.default.createElement("img", {
-        src: props.image,
-        alt: 'error block image'
-      });
-    } else {
-      imageNode = props.image;
-    }
-  }
-
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: (0, _classnames.default)(classPrefix, {
-      [`${classPrefix}-full-page`]: props.fullPage
-    })
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-image`
-  }, imageNode), _react.default.createElement("div", {
-    className: `${classPrefix}-description`
-  }, title && _react.default.createElement("div", {
-    className: `${classPrefix}-description-title`
-  }, title), des && _react.default.createElement("div", {
-    className: `${classPrefix}-description-subtitle`
-  }, des)), props.children && _react.default.createElement("div", {
-    className: `${classPrefix}-content`
-  }, props.children)));
-};
-
+const ErrorBlock = (0, _createErrorBlock.createErrorBlock)(imageRecord);
 exports.ErrorBlock = ErrorBlock;

package/2x/cjs/components/error-block/error-block.patch.css

@@ -0,0 +1,29 @@
+.adm-error-block-image {
+  height: 200px;
+  width: auto;
+}
+
+.adm-error-block-description {
+  font-size: var(--adm-font-size-4);
+}
+
+.adm-error-block-description-title {
+  font-size: var(--adm-font-size-7);
+}
+
+.adm-error-block-full-page {
+  padding-top: calc(50vh - 400px);
+}
+
+.adm-error-block-full-page .adm-error-block-image {
+  height: 400px;
+  width: auto;
+}
+
+.adm-error-block-full-page .adm-error-block-description {
+  font-size: var(--adm-font-size-main);
+}
+
+.adm-error-block-full-page .adm-error-block-description-title {
+  color: #333333;
+}

package/2x/cjs/components/error-block/images/busy.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const busyImage: JSX.Element;

package/2x/cjs/components/error-block/images/default.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const defaultImage: JSX.Element;

package/2x/cjs/components/error-block/images/disconnected.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const disconnectedImage: JSX.Element;

package/2x/cjs/components/error-block/images/empty.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const emptyImage: JSX.Element;

package/2x/cjs/components/error-block/images/index.d.ts

@@ -1,2 +1,4 @@
-import { ReactElement } from 'react';
-export declare const imageRecord: Record<'default' | 'disconnected' | 'empty' | 'busy', ReactElement>;
+export { defaultImage } from './default';
+export { disconnectedImage } from './disconnected';
+export { emptyImage } from './empty';
+export { busyImage } from './busy';

package/2x/cjs/components/error-block/images/index.js

@@ -3,7 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.imageRecord = void 0;
+Object.defineProperty(exports, "busyImage", {
+  enumerable: true,
+  get: function () {
+    return _busy.busyImage;
+  }
+});
+Object.defineProperty(exports, "defaultImage", {
+  enumerable: true,
+  get: function () {
+    return _default.defaultImage;
+  }
+});
+Object.defineProperty(exports, "disconnectedImage", {
+  enumerable: true,
+  get: function () {
+    return _disconnected.disconnectedImage;
+  }
+});
+Object.defineProperty(exports, "emptyImage", {
+  enumerable: true,
+  get: function () {
+    return _empty.emptyImage;
+  }
+});
 
 var _default = require("./default");
 
@@ -11,12 +34,4 @@ var _disconnected = require("./disconnected");
 
 var _empty = require("./empty");
 
-var _busy = require("./busy");
-
-const imageRecord = {
-  'default': _default.defaultImage,
-  'disconnected': _disconnected.disconnectedImage,
-  'empty': _empty.emptyImage,
-  'busy': _busy.busyImage
-};
-exports.imageRecord = imageRecord;
+var _busy = require("./busy");

package/2x/cjs/components/error-block/index.d.ts

@@ -1,4 +1,8 @@
 import './error-block.less';
+import { ReactNode } from 'react';
 import { ErrorBlock } from './error-block';
-export type { ErrorBlockProps } from './error-block';
+export { createErrorBlock } from './create-error-block';
+export type { ErrorBlockProps } from './create-error-block';
+export declare type ErrorBlockStatus = 'default' | 'disconnected' | 'empty' | 'busy';
+export declare type ImageRecord = Partial<Record<ErrorBlockStatus, string | ReactNode>>;
 export default ErrorBlock;

package/2x/cjs/components/error-block/index.js

@@ -3,11 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "createErrorBlock", {
+  enumerable: true,
+  get: function () {
+    return _createErrorBlock.createErrorBlock;
+  }
+});
 exports.default = void 0;
 
 require("./error-block.css");
 
 var _errorBlock2 = require("./error-block");
 
+var _createErrorBlock = require("./create-error-block");
+
 var _default = _errorBlock2.ErrorBlock;
 exports.default = _default;

package/2x/cjs/components/floating-bubble/floating-bubble.css

@@ -42,6 +42,7 @@
   overflow: hidden;
   cursor: pointer;
   transition: opacity ease 0.15s;
+  -webkit-user-select: none;
   user-select: none;
   touch-action: none;
   background: var(--background);

package/2x/cjs/components/floating-panel/floating-panel.css

@@ -2,9 +2,6 @@
   --border-radius: 16px;
   --header-height: 56px;
   --z-index: var(--adm-floating-panel-z-index, 900);
-  border-top-left-radius: var(--border-radius);
-  border-top-right-radius: var(--border-radius);
-  background: var(--adm-color-white);
   position: fixed;
   z-index: var(--z-index);
   bottom: 0;
@@ -32,7 +29,7 @@
   bottom: -100vh;
   height: 100vh;
   width: 100vw;
-  background: var(--adm-color-white);
+  background: var(--adm-color-background);
 }
 
 .adm-floating-panel .adm-floating-panel-header {
@@ -41,8 +38,13 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  cursor: -webkit-grab;
   cursor: grab;
+  -webkit-user-select: none;
   user-select: none;
+  background-color: var(--adm-color-background);
+  border-top-left-radius: var(--border-radius);
+  border-top-right-radius: var(--border-radius);
 }
 
 .adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
@@ -55,4 +57,5 @@
 .adm-floating-panel .adm-floating-panel-content {
   flex: 1;
   overflow-y: scroll;
+  background: var(--adm-color-background);
 }

package/2x/cjs/components/floating-panel/floating-panel.d.ts

@@ -16,4 +16,8 @@ export declare const FloatingPanel: React.ForwardRefExoticComponent<{
     children: ReactNode;
     onHeightChange?: ((height: number, animating: boolean) => void) | undefined;
     handleDraggingOfContent?: boolean | undefined;
-} & NativeProps<"--z-index" | "--border-radius" | "--header-height"> & React.RefAttributes<FloatingPanelRef>>;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--z-index" | "--border-radius" | "--header-height", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & React.RefAttributes<FloatingPanelRef>>;

package/2x/cjs/components/form/context.d.ts

@@ -5,7 +5,7 @@ export declare type FormContextType = {
     name?: string;
     hasFeedback: boolean;
     layout: FormLayout;
-    requiredMarkStyle: 'asterisk' | 'text-required' | 'text-optional';
+    requiredMarkStyle: 'asterisk' | 'text-required' | 'text-optional' | 'none';
     disabled: boolean;
 };
 export declare const defaultFormContext: FormContextType;

package/2x/cjs/components/form/form-item.css

@@ -8,7 +8,7 @@
   line-height: 1.5;
   box-sizing: border-box;
   position: relative;
-  color: #666666;
+  color: var(--adm-color-text-secondary);
 }
 
 .adm-form-item-label .adm-form-item-required-asterisk {
@@ -17,6 +17,7 @@
   top: 0;
   font-family: SimSun, sans-serif;
   color: var(--adm-color-danger);
+  -webkit-user-select: none;
   user-select: none;
 }
 
@@ -79,6 +80,6 @@
 }
 
 .adm-form-item.adm-form-item-vertical .adm-form-item-label {
-  font-size: 30px;
+  font-size: var(--adm-font-size-7);
   margin-bottom: 8px;
 }

package/2x/cjs/components/form/form-item.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _nativeProps = require("../../utils/native-props");
+
 var _rcFieldForm = require("rc-field-form");
 
 var _FieldContext = _interopRequireDefault(require("rc-field-form/lib/FieldContext"));
@@ -89,6 +91,9 @@ const FormItemLayout = props => {
           className: `${classPrefix}-required-text`
         }, "(", locale.Form.optional, ")");
 
+      case 'none':
+        return null;
+
       default:
         return null;
     }
@@ -107,16 +112,14 @@ const FormItemLayout = props => {
       e.preventDefault();
     }
   }, _react.default.createElement(_antdMobileIcons.QuestionCircleOutline, null)))) : null;
-
-  const description = _react.default.createElement(_react.default.Fragment, null, props.description, hasFeedback && _react.default.createElement(_react.default.Fragment, null, props.errors.map((error, index) => _react.default.createElement("div", {
+  const description = props.description || hasFeedback ? _react.default.createElement(_react.default.Fragment, null, props.description, hasFeedback && _react.default.createElement(_react.default.Fragment, null, props.errors.map((error, index) => _react.default.createElement("div", {
     key: `error-${index}`,
     className: `${classPrefix}-feedback-error`
   }, error)), props.warnings.map((warning, index) => _react.default.createElement("div", {
     key: `warning-${index}`,
     className: `${classPrefix}-feedback-warning`
-  }, warning))));
-
-  return _react.default.createElement(_list.default.Item, {
+  }, warning)))) : null;
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_list.default.Item, {
     style: style,
     title: layout === 'vertical' && labelElement,
     prefix: layout === 'horizontal' && labelElement,
@@ -134,7 +137,7 @@ const FormItemLayout = props => {
     className: (0, _classnames.default)(`${classPrefix}-child`, `${classPrefix}-child-position-${childElementPosition}`)
   }, _react.default.createElement("div", {
     className: (0, _classnames.default)(`${classPrefix}-child-inner`)
-  }, children)));
+  }, children))));
 };
 
 const FormItem = props => {
@@ -225,7 +228,7 @@ const FormItem = props => {
 
       return subWarnings;
     }, curWarnings);
-    return _react.default.createElement(FormItemLayout, {
+    return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(FormItemLayout, {
       className: className,
       style: style,
       label: label,
@@ -246,7 +249,7 @@ const FormItem = props => {
       arrow: arrow
     }, _react.default.createElement(_context.NoStyleItemContext.Provider, {
       value: onSubMetaChange
-    }, baseChildren));
+    }, baseChildren)));
   }
 
   const isRenderProps = typeof children === 'function';
@@ -256,10 +259,7 @@ const FormItem = props => {
   }
 
   let Variables = {};
-
-  if (typeof label === 'string') {
-    Variables.label = label;
-  }
+  Variables.label = typeof label === 'string' ? label : '';
 
   if (messageVariables) {
     Variables = Object.assign(Object.assign({}, Variables), messageVariables);

package/2x/cjs/components/form/form-subscribe.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { FC } from 'react';
 import type { FormInstance } from 'rc-field-form';
 import type { NamePath } from 'rc-field-form/es/interface';
 declare type RenderChildren<Values = any> = (changedValues: Record<string, any>, form: FormInstance<Values>) => React.ReactNode;
@@ -7,5 +7,10 @@ export interface FormSubscribeProps {
     to: NamePath[];
     children: ChildrenType;
 }
-export declare const FormSubscribe: React.VFC<FormSubscribeProps>;
+export declare const FormSubscribe: FC<FormSubscribeProps>;
+export declare const Watcher: React.NamedExoticComponent<{
+    form: FormInstance;
+    namePath: NamePath;
+    onChange: () => void;
+}>;
 export {};

package/2x/cjs/components/form/form-subscribe.js

@@ -3,25 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FormSubscribe = void 0;
+exports.Watcher = exports.FormSubscribe = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _ = _interopRequireDefault(require("."));
+var _rcFieldForm = require("rc-field-form");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _ahooks = require("ahooks");
 
-const FormSubscribe = ({
-  children,
-  to
-}) => {
-  return _react.default.createElement(_.default.Item, {
-    noStyle: true,
-    dependencies: to
-  }, form => {
-    const changedValues = form.getFieldsValue(to);
-    return children(changedValues, form);
-  });
+var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const FormSubscribe = props => {
+  const update = (0, _ahooks.useUpdate)();
+  const form = (0, _react.useContext)(_rcFieldForm.FieldContext);
+  return _react.default.createElement(_react.default.Fragment, null, props.children(form.getFieldsValue(props.to), form), props.to.map(namePath => _react.default.createElement(Watcher, {
+    key: namePath.toString(),
+    form: form,
+    namePath: namePath,
+    onChange: update
+  })));
 };
 
-exports.FormSubscribe = FormSubscribe;
+exports.FormSubscribe = FormSubscribe;
+const Watcher = (0, _react.memo)(props => {
+  const value = (0, _rcFieldForm.useWatch)(props.namePath, props.form);
+  (0, _useIsomorphicUpdateLayoutEffect.useIsomorphicUpdateLayoutEffect)(() => {
+    props.onChange();
+  }, [value]);
+  return null;
+});
+exports.Watcher = Watcher;

package/2x/cjs/components/form/form.css

@@ -1,7 +1,7 @@
 .adm-form {
-  --border-inner: solid 2px var(--adm-border-color);
-  --border-top: solid 2px var(--adm-border-color);
-  --border-bottom: solid 2px var(--adm-border-color);
+  --border-inner: solid 2px var(--adm-color-border);
+  --border-top: solid 2px var(--adm-color-border);
+  --border-bottom: solid 2px var(--adm-color-border);
   ---border-inner: var(--border-inner);
   ---border-top: var(--border-top);
   ---border-bottom: var(--border-bottom);

package/2x/cjs/components/form/form.d.ts

@@ -8,7 +8,11 @@ export declare type FormProps = Pick<RcFormProps, 'form' | 'initialValues' | 'na
     footer?: ReactNode;
     mode?: ListProps['mode'];
 };
-export declare const Form: React.ForwardRefExoticComponent<Pick<RcFormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & NativeProps<"--border-inner" | "--border-top" | "--border-bottom"> & Partial<FormContextType> & {
+export declare const Form: React.ForwardRefExoticComponent<Pick<RcFormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & Partial<FormContextType> & {
     footer?: ReactNode;
     mode?: ListProps['mode'];
 } & React.RefAttributes<FormInstance>>;

package/2x/cjs/components/form/index.css

@@ -1,7 +1,7 @@
 .adm-form {
-  --border-inner: solid 2px var(--adm-border-color);
-  --border-top: solid 2px var(--adm-border-color);
-  --border-bottom: solid 2px var(--adm-border-color);
+  --border-inner: solid 2px var(--adm-color-border);
+  --border-top: solid 2px var(--adm-color-border);
+  --border-bottom: solid 2px var(--adm-color-border);
   ---border-inner: var(--border-inner);
   ---border-top: var(--border-top);
   ---border-bottom: var(--border-bottom);
@@ -34,7 +34,7 @@
   line-height: 1.5;
   box-sizing: border-box;
   position: relative;
-  color: #666666;
+  color: var(--adm-color-text-secondary);
 }
 
 .adm-form-item-label .adm-form-item-required-asterisk {
@@ -43,6 +43,7 @@
   top: 0;
   font-family: SimSun, sans-serif;
   color: var(--adm-color-danger);
+  -webkit-user-select: none;
   user-select: none;
 }
 
@@ -105,6 +106,6 @@
 }
 
 .adm-form-item.adm-form-item-vertical .adm-form-item-label {
-  font-size: 30px;
+  font-size: var(--adm-font-size-7);
   margin-bottom: 8px;
 }