amis 1.9.1-beta.28 → 1.9.1-beta.30

package/lib/utils/dom.js

@@ -70,11 +70,12 @@ function calculatePosition(placement, overlayNode, target, container, padding, c
     var _a = (0, offset_1.default)(overlayNode), overlayHeight = _a.height, overlayWidth = _a.width;
     var clip = container.getBoundingClientRect();
     var clip2 = overlayNode.getBoundingClientRect();
+    // getBoundingClientRect 会返回长宽精确值，rem计算后可能会有小数 导致 scale 不正确，所以这里需要四舍五入取整
     var scaleX = overlayNode.offsetWidth
-        ? clip2.width / overlayNode.offsetWidth
+        ? Math.round(clip2.width) / overlayNode.offsetWidth
         : 1;
     var scaleY = overlayNode.offsetHeight
-        ? clip2.height / overlayNode.offsetHeight
+        ? Math.round(clip2.height) / overlayNode.offsetHeight
         : 1;
     // auto 尝试四个方向对齐。
     placement =

package/lib/utils/dom.js.map

@@ -6,8 +6,8 @@
         "/src/utils/dom.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport ReactDOM from 'react-dom';\nimport hoistNonReactStatic from 'hoist-non-react-statics';\nimport getOffset from './offset';\nimport getPosition from './position';\n\nexport function getContainer(container: any, defaultContainer: any) {\n  container = typeof container === 'function' ? container() : container;\n  return ReactDOM.findDOMNode(container) || defaultContainer;\n}\n\nexport function ownerDocument(componentOrElement: any) {\n  return (\n    (ReactDOM.findDOMNode(componentOrElement) as Element)?.ownerDocument ||\n    document\n  );\n}\n\nfunction getContainerDimensions(containerNode: any) {\n  let width, height, scroll;\n\n  if (containerNode.tagName === 'BODY') {\n    width = window.innerWidth;\n    height = window.innerHeight;\n\n    scroll =\n      ownerDocument(containerNode).documentElement.scrollTop ||\n      containerNode?.scrollTop;\n  } else {\n    ({width, height} = getOffset(containerNode) as any);\n    scroll = containerNode.scrollTop;\n  }\n\n  return {width, height, scroll};\n}\n\nfunction getTopDelta(\n  top: any,\n  overlayHeight: any,\n  container: any,\n  padding: any\n) {\n  const containerDimensions = getContainerDimensions(container);\n  const containerScroll = containerDimensions.scroll;\n  const containerHeight = containerDimensions.height;\n\n  const topEdgeOffset = top - padding - containerScroll;\n  const bottomEdgeOffset = top + padding - containerScroll + overlayHeight;\n\n  if (topEdgeOffset < 0) {\n    return -topEdgeOffset;\n  } else if (bottomEdgeOffset > containerHeight) {\n    return containerHeight - bottomEdgeOffset;\n  } else {\n    return 0;\n  }\n}\n\nfunction getLeftDelta(\n  left: any,\n  overlayWidth: any,\n  container: any,\n  padding: any\n) {\n  const containerDimensions = getContainerDimensions(container);\n  const containerWidth = containerDimensions.width;\n\n  const leftEdgeOffset = left - padding;\n  const rightEdgeOffset = left + padding + overlayWidth;\n\n  if (leftEdgeOffset < 0) {\n    return -leftEdgeOffset;\n  } else if (rightEdgeOffset > containerWidth) {\n    return containerWidth - rightEdgeOffset;\n  }\n\n  return 0;\n}\n\nexport function calculatePosition(\n  placement: any,\n  overlayNode: any,\n  target: HTMLElement,\n  container: any,\n  padding: any = 0,\n  customOffset: [number, number] = [0, 0]\n) {\n  const childOffset: any =\n    container.tagName === 'BODY'\n      ? getOffset(target)\n      : getPosition(target, container);\n  const {height: overlayHeight, width: overlayWidth} = getOffset(\n    overlayNode\n  ) as any;\n\n  const clip = container.getBoundingClientRect();\n  const clip2 = overlayNode.getBoundingClientRect();\n  const scaleX = overlayNode.offsetWidth\n    ? clip2.width / overlayNode.offsetWidth\n    : 1;\n  const scaleY = overlayNode.offsetHeight\n    ? clip2.height / overlayNode.offsetHeight\n    : 1;\n\n  // auto 尝试四个方向对齐。\n  placement =\n    placement === 'auto'\n      ? 'left-bottom-left-top right-bottom-right-top left-top-left-bottom right-top-right-bottom left-bottom-left-top'\n      : placement;\n\n  let positionLeft = 0,\n    positionTop = 0,\n    arrowOffsetLeft: any = '',\n    arrowOffsetTop: any = '',\n    activePlacement: string = placement;\n\n  if (~placement.indexOf('-')) {\n    const tests = placement.split(/\\s+/);\n\n    while (tests.length) {\n      const current = (activePlacement = tests.shift());\n      let [atX, atY, myX, myY] = current.split('-');\n      myX = myX || atX;\n      myY = myY || atY;\n\n      positionLeft =\n        atX === 'left'\n          ? childOffset.left\n          : atX === 'right'\n          ? childOffset.left + childOffset.width\n          : childOffset.left + childOffset.width / 2;\n      positionTop =\n        atY === 'top'\n          ? childOffset.top\n          : atY === 'bottom'\n          ? childOffset.top + childOffset.height\n          : childOffset.top + childOffset.height / 2;\n\n      positionLeft -=\n        myX === 'left' ? 0 : myX === 'right' ? overlayWidth : overlayWidth / 2;\n      positionTop -=\n        myY === 'top'\n          ? 0\n          : myY === 'bottom'\n          ? overlayHeight\n          : overlayHeight / 2;\n\n      // 如果还有其他可选项，则做位置判断，是否在可视区域，不完全在则继续看其他定位情况。\n      if (tests.length) {\n        const transformed = {\n          x: clip.x + positionLeft / scaleX,\n          y: clip.y + positionTop / scaleY,\n          width: overlayWidth,\n          height: overlayHeight\n        };\n\n        if (\n          transformed.x > 0 &&\n          transformed.x + transformed.width < window.innerWidth &&\n          transformed.y > 0 &&\n          transformed.y + transformed.height < window.innerHeight\n        ) {\n          break;\n        }\n      }\n    }\n\n    // todo arrow 位置支持\n  } else if (placement === 'left' || placement === 'right') {\n    // atX = placement;\n    // atY = myY = 'center';\n    // myX = placement === 'left' ? 'right' : 'left';\n    if (placement === 'left') {\n      positionLeft = childOffset.left - overlayWidth;\n    } else {\n      positionLeft = childOffset.left + childOffset.width;\n    }\n\n    positionTop = childOffset.top + (childOffset.height - overlayHeight) / 2;\n    const topDelta = getTopDelta(\n      positionTop,\n      overlayHeight,\n      container,\n      padding\n    );\n\n    positionTop += topDelta;\n    arrowOffsetTop = 50 * (1 - (2 * topDelta) / overlayHeight) + '%';\n  } else if (placement === 'top' || placement === 'bottom') {\n    // atY = placement;\n    // atX = myX = 'center';\n    // myY = placement === 'top' ? 'bottom': 'top';\n    if (placement === 'top') {\n      positionTop = childOffset.top - overlayHeight;\n    } else {\n      positionTop = childOffset.top + childOffset.height;\n    }\n\n    positionLeft = childOffset.left + (childOffset.width - overlayWidth) / 2;\n    const leftDelta = getLeftDelta(\n      positionLeft,\n      overlayWidth,\n      container,\n      padding\n    );\n\n    positionLeft += leftDelta;\n    arrowOffsetLeft = 50 * (1 - (2 * leftDelta) / overlayHeight) + '%';\n  } else if (placement === 'center') {\n    // atX = atY = myX = myY = 'center';\n    positionLeft = childOffset.left + (childOffset.width - overlayWidth) / 2;\n    positionTop = childOffset.top + (childOffset.height - overlayHeight) / 2;\n    arrowOffsetLeft = arrowOffsetTop = void 0;\n  } else {\n    throw new Error(\n      `calcOverlayPosition(): No such placement of \"${placement}\" found.`\n    );\n  }\n  const [offSetX = 0, offSetY = 0] = customOffset;\n  return {\n    positionLeft: (positionLeft + offSetX) / scaleX,\n    positionTop: (positionTop + offSetY) / scaleY,\n    arrowOffsetLeft: (arrowOffsetLeft + offSetX) / scaleX,\n    arrowOffsetTop: (arrowOffsetTop + offSetY) / scaleY,\n    activePlacement\n  };\n}\n\n/**\n * 专门用来获取样式的像素值，默认返回 0\n */\nexport function getStyleNumber(element: HTMLElement, styleName: string) {\n  if (!element) {\n    return 0;\n  }\n  return (\n    parseInt(getComputedStyle(element).getPropertyValue(styleName), 10) || 0\n  );\n}\n"
+        "import React from 'react';\nimport ReactDOM from 'react-dom';\nimport hoistNonReactStatic from 'hoist-non-react-statics';\nimport getOffset from './offset';\nimport getPosition from './position';\n\nexport function getContainer(container: any, defaultContainer: any) {\n  container = typeof container === 'function' ? container() : container;\n  return ReactDOM.findDOMNode(container) || defaultContainer;\n}\n\nexport function ownerDocument(componentOrElement: any) {\n  return (\n    (ReactDOM.findDOMNode(componentOrElement) as Element)?.ownerDocument ||\n    document\n  );\n}\n\nfunction getContainerDimensions(containerNode: any) {\n  let width, height, scroll;\n\n  if (containerNode.tagName === 'BODY') {\n    width = window.innerWidth;\n    height = window.innerHeight;\n\n    scroll =\n      ownerDocument(containerNode).documentElement.scrollTop ||\n      containerNode?.scrollTop;\n  } else {\n    ({width, height} = getOffset(containerNode) as any);\n    scroll = containerNode.scrollTop;\n  }\n\n  return {width, height, scroll};\n}\n\nfunction getTopDelta(\n  top: any,\n  overlayHeight: any,\n  container: any,\n  padding: any\n) {\n  const containerDimensions = getContainerDimensions(container);\n  const containerScroll = containerDimensions.scroll;\n  const containerHeight = containerDimensions.height;\n\n  const topEdgeOffset = top - padding - containerScroll;\n  const bottomEdgeOffset = top + padding - containerScroll + overlayHeight;\n\n  if (topEdgeOffset < 0) {\n    return -topEdgeOffset;\n  } else if (bottomEdgeOffset > containerHeight) {\n    return containerHeight - bottomEdgeOffset;\n  } else {\n    return 0;\n  }\n}\n\nfunction getLeftDelta(\n  left: any,\n  overlayWidth: any,\n  container: any,\n  padding: any\n) {\n  const containerDimensions = getContainerDimensions(container);\n  const containerWidth = containerDimensions.width;\n\n  const leftEdgeOffset = left - padding;\n  const rightEdgeOffset = left + padding + overlayWidth;\n\n  if (leftEdgeOffset < 0) {\n    return -leftEdgeOffset;\n  } else if (rightEdgeOffset > containerWidth) {\n    return containerWidth - rightEdgeOffset;\n  }\n\n  return 0;\n}\n\nexport function calculatePosition(\n  placement: any,\n  overlayNode: any,\n  target: HTMLElement,\n  container: any,\n  padding: any = 0,\n  customOffset: [number, number] = [0, 0]\n) {\n  const childOffset: any =\n    container.tagName === 'BODY'\n      ? getOffset(target)\n      : getPosition(target, container);\n  const {height: overlayHeight, width: overlayWidth} = getOffset(\n    overlayNode\n  ) as any;\n\n  const clip = container.getBoundingClientRect();\n  const clip2 = overlayNode.getBoundingClientRect();\n  // getBoundingClientRect 会返回长宽精确值，rem计算后可能会有小数 导致 scale 不正确，所以这里需要四舍五入取整\n  const scaleX = overlayNode.offsetWidth\n    ? Math.round(clip2.width) / overlayNode.offsetWidth\n    : 1;\n  const scaleY = overlayNode.offsetHeight\n    ? Math.round(clip2.height) / overlayNode.offsetHeight\n    : 1;\n\n  // auto 尝试四个方向对齐。\n  placement =\n    placement === 'auto'\n      ? 'left-bottom-left-top right-bottom-right-top left-top-left-bottom right-top-right-bottom left-bottom-left-top'\n      : placement;\n\n  let positionLeft = 0,\n    positionTop = 0,\n    arrowOffsetLeft: any = '',\n    arrowOffsetTop: any = '',\n    activePlacement: string = placement;\n\n  if (~placement.indexOf('-')) {\n    const tests = placement.split(/\\s+/);\n\n    while (tests.length) {\n      const current = (activePlacement = tests.shift());\n      let [atX, atY, myX, myY] = current.split('-');\n      myX = myX || atX;\n      myY = myY || atY;\n\n      positionLeft =\n        atX === 'left'\n          ? childOffset.left\n          : atX === 'right'\n          ? childOffset.left + childOffset.width\n          : childOffset.left + childOffset.width / 2;\n      positionTop =\n        atY === 'top'\n          ? childOffset.top\n          : atY === 'bottom'\n          ? childOffset.top + childOffset.height\n          : childOffset.top + childOffset.height / 2;\n\n      positionLeft -=\n        myX === 'left' ? 0 : myX === 'right' ? overlayWidth : overlayWidth / 2;\n      positionTop -=\n        myY === 'top'\n          ? 0\n          : myY === 'bottom'\n          ? overlayHeight\n          : overlayHeight / 2;\n\n      // 如果还有其他可选项，则做位置判断，是否在可视区域，不完全在则继续看其他定位情况。\n      if (tests.length) {\n        const transformed = {\n          x: clip.x + positionLeft / scaleX,\n          y: clip.y + positionTop / scaleY,\n          width: overlayWidth,\n          height: overlayHeight\n        };\n\n        if (\n          transformed.x > 0 &&\n          transformed.x + transformed.width < window.innerWidth &&\n          transformed.y > 0 &&\n          transformed.y + transformed.height < window.innerHeight\n        ) {\n          break;\n        }\n      }\n    }\n\n    // todo arrow 位置支持\n  } else if (placement === 'left' || placement === 'right') {\n    // atX = placement;\n    // atY = myY = 'center';\n    // myX = placement === 'left' ? 'right' : 'left';\n    if (placement === 'left') {\n      positionLeft = childOffset.left - overlayWidth;\n    } else {\n      positionLeft = childOffset.left + childOffset.width;\n    }\n\n    positionTop = childOffset.top + (childOffset.height - overlayHeight) / 2;\n    const topDelta = getTopDelta(\n      positionTop,\n      overlayHeight,\n      container,\n      padding\n    );\n\n    positionTop += topDelta;\n    arrowOffsetTop = 50 * (1 - (2 * topDelta) / overlayHeight) + '%';\n  } else if (placement === 'top' || placement === 'bottom') {\n    // atY = placement;\n    // atX = myX = 'center';\n    // myY = placement === 'top' ? 'bottom': 'top';\n    if (placement === 'top') {\n      positionTop = childOffset.top - overlayHeight;\n    } else {\n      positionTop = childOffset.top + childOffset.height;\n    }\n\n    positionLeft = childOffset.left + (childOffset.width - overlayWidth) / 2;\n    const leftDelta = getLeftDelta(\n      positionLeft,\n      overlayWidth,\n      container,\n      padding\n    );\n\n    positionLeft += leftDelta;\n    arrowOffsetLeft = 50 * (1 - (2 * leftDelta) / overlayHeight) + '%';\n  } else if (placement === 'center') {\n    // atX = atY = myX = myY = 'center';\n    positionLeft = childOffset.left + (childOffset.width - overlayWidth) / 2;\n    positionTop = childOffset.top + (childOffset.height - overlayHeight) / 2;\n    arrowOffsetLeft = arrowOffsetTop = void 0;\n  } else {\n    throw new Error(\n      `calcOverlayPosition(): No such placement of \"${placement}\" found.`\n    );\n  }\n  const [offSetX = 0, offSetY = 0] = customOffset;\n  return {\n    positionLeft: (positionLeft + offSetX) / scaleX,\n    positionTop: (positionTop + offSetY) / scaleY,\n    arrowOffsetLeft: (arrowOffsetLeft + offSetX) / scaleX,\n    arrowOffsetTop: (arrowOffsetTop + offSetY) / scaleY,\n    activePlacement\n  };\n}\n\n/**\n * 专门用来获取样式的像素值，默认返回 0\n */\nexport function getStyleNumber(element: HTMLElement, styleName: string) {\n  if (!element) {\n    return 0;\n  }\n  return (\n    parseInt(getComputedStyle(element).getPropertyValue(styleName), 10) || 0\n  );\n}\n"
     ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amis",
-  "version": "1.9.1-beta.28",
+  "version": "1.9.1-beta.30",
   "description": "一种MIS页面生成工具",
   "main": "lib/index.js",
   "scripts": {
@@ -61,7 +61,7 @@
     "immutability-helper": "^3.1.1",
     "jsbarcode": "^3.11.5",
     "keycode": "^2.2.1",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "markdown-it": "^12.0.6",
     "markdown-it-html5-media": "^0.7.1",
     "match-sorter": "^6.3.1",
@@ -107,7 +107,7 @@
     "@types/hoist-non-react-statics": "^3.3.1",
     "@types/jest": "^27.0.2",
     "@types/json-schema": "^7.0.11",
-    "@types/lodash": "^4.14.175",
+    "@types/lodash": "^4.14.182",
     "@types/markdown-it": "^12.2.1",
     "@types/mkdirp": "^1.0.1",
     "@types/node": "^12.7.1",

package/schema.json

@@ -8641,6 +8641,10 @@
         "secondary": {
           "$ref": "#/definitions/SchemaTpl",
           "description": "次要说明"
+        },
+        "useCardLabel": {
+          "type": "boolean",
+          "description": "卡片内容区的表单项label是否使用Card内部的样式，默认为true"
         }
       },
       "required": [
@@ -9158,6 +9162,10 @@
                   "$ref": "#/definitions/SchemaTpl",
                   "description": "次要说明"
                 },
+                "useCardLabel": {
+                  "type": "boolean",
+                  "description": "卡片内容区的表单项label是否使用Card内部的样式，默认为true"
+                },
                 "className": {
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "容器 css 类名"
@@ -10354,6 +10362,10 @@
                   "$ref": "#/definitions/SchemaTpl",
                   "description": "次要说明"
                 },
+                "useCardLabel": {
+                  "type": "boolean",
+                  "description": "卡片内容区的表单项label是否使用Card内部的样式，默认为true"
+                },
                 "className": {
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "容器 css 类名"
@@ -63161,9 +63173,18 @@
           },
           "additionalProperties": false,
           "description": "自动转换值"
+        },
+        "inputControlClassName": {
+          "type": "string",
+          "description": "control节点的CSS类名"
+        },
+        "nativeInputClassName": {
+          "type": "string",
+          "description": "原生input标签的CSS类名"
         }
       },
       "required": [
+        "nativeInputClassName",
         "type"
       ],
       "additionalProperties": false,
@@ -66851,7 +66872,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|useCardLabel|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -67561,7 +67582,7 @@
           "$ref": "#/definitions/TextControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|popOver|quickEdit|copyable)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|inputControlClassName|nativeInputClassName|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -67687,7 +67708,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|useCardLabel|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -68397,7 +68418,7 @@
           "$ref": "#/definitions/TextControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|popOver|quickEdit|copyable)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|inputControlClassName|nativeInputClassName|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -68523,7 +68544,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|label|fixed|name|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|labelClassName|filterable|breakpoint|remark|value|unique)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|useCardLabel|label|fixed|name|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|labelClassName|filterable|breakpoint|remark|value|unique)$": {}
           }
         },
         {
@@ -69233,7 +69254,7 @@
           "$ref": "#/definitions/TextControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|fixed|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|filterable|breakpoint|unique)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|inputControlClassName|nativeInputClassName|fixed|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|filterable|breakpoint|unique)$": {}
           }
         },
         {
@@ -69359,7 +69380,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|x|y|w|h|width|height|align|valign|gridClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|useCardLabel|x|y|w|h|width|height|align|valign|gridClassName)$": {}
           }
         },
         {
@@ -70069,7 +70090,7 @@
           "$ref": "#/definitions/TextControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|x|y|w|h|width|height|align|valign|gridClassName)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|inputControlClassName|nativeInputClassName|x|y|w|h|width|height|align|valign|gridClassName)$": {}
           }
         },
         {
@@ -70195,7 +70216,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|rowClassName|cellClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|useCardLabel|rowClassName|cellClassName)$": {}
           }
         },
         {
@@ -70905,7 +70926,7 @@
           "$ref": "#/definitions/TextControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|rowClassName|cellClassName)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|inputControlClassName|nativeInputClassName|rowClassName|cellClassName)$": {}
           }
         },
         {
@@ -71031,7 +71052,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|unique|columnClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|useCardLabel|unique|columnClassName)$": {}
           }
         },
         {
@@ -71741,7 +71762,7 @@
           "$ref": "#/definitions/TextControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|unique|columnClassName)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|inputControlClassName|nativeInputClassName|unique|columnClassName)$": {}
           }
         },
         {
@@ -71867,7 +71888,7 @@
           "$ref": "#/definitions/CardSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|columnClassName|columnRatio)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|header|body|media|actions|toolbar|secondary|useCardLabel|columnClassName|columnRatio)$": {}
           }
         },
         {
@@ -72577,7 +72598,7 @@
           "$ref": "#/definitions/TextControlSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|columnClassName|columnRatio)$": {}
+            "^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|id|onEvent|type|size|label|labelAlign|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|readOnlyOn|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|options|source|selectFirst|initFetchOn|initFetch|multiple|joinValues|delimiter|extractValue|clearable|resetValue|deferApi|addApi|addControls|creatable|createBtnLabel|editable|editApi|editControls|removable|deleteApi|deleteConfirmText|autoFill|addOn|trimContents|autoComplete|borderMode|maxLength|showCounter|prefix|suffix|transform|inputControlClassName|nativeInputClassName|columnClassName|columnRatio)$": {}
           }
         },
         {

package/scss/_properties.scss

@@ -1709,4 +1709,9 @@
   --default-padding: 4px 12px; // 6px 12px
   --menu-min-width: 150px; // 一级子项最小宽度
   --menu-sub-min-width: 100px; // 二级子项最小宽度
+
+  --SearchBox-height: #{px2rem(30px)};
+  --SearchBox-width: #{px2rem(150px)};
+  --SearchBox-history-dropdown-maxWidth: calc(var(--SearchBox-width) * 2);
+  --SearchBox-history-dropdown-maxHeight: #{px2rem(200px)};
 }

package/scss/components/_anchor-nav.scss

@@ -106,6 +106,7 @@
     overflow: auto;
     scroll-behavior: smooth;
     background: var(--Tabs-content-bg);
+    position: relative;
 
     > .#{$ns}AnchorNav-section {
       display: block;

package/scss/components/_calendar.scss

@@ -1,4 +1,3 @@
-
 .#{$ns}ScheduleCalendar {
   &-icon {
     position: absolute;
@@ -30,9 +29,9 @@
   }
 
   &-text-overflow {
-    white-space:nowrap;
-    overflow:hidden;
-    text-overflow:ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
     position: absolute;
     width: 100%;
   }
@@ -45,7 +44,7 @@
         background: transparent !important;
       }
     }
-    td.rdtActive:hover{
+    td.rdtActive:hover {
       background: var(--Calendar-cell-onHover-bg);
     }
   }
@@ -108,6 +107,11 @@
     border-radius: px2rem(16px) px2rem(16px) 0 0;
     overflow: hidden;
     border-width: 0;
+
+    &--time {
+      height: fit-content;
+      max-height: 90vh;
+    }
   }
 
   &-wrap {
@@ -189,13 +193,15 @@
       border-spacing: 0 px2rem(4px);
     }
 
-    .rdt .rdtPicker td.rdtActive, .rdt .rdtPicker td.rdtActive:hover {
+    .rdt .rdtPicker td.rdtActive,
+    .rdt .rdtPicker td.rdtActive:hover {
       background: transparent;
       color: var(--Calendar-color);
       text-shadow: none;
     }
 
-    .rdt .rdtPicker tr td.rdtDisabled, .rdt .rdtPicker tr td.rdtDisabled:hover {
+    .rdt .rdtPicker tr td.rdtDisabled,
+    .rdt .rdtPicker tr td.rdtDisabled:hover {
       color: #999;
     }
 
@@ -257,7 +263,7 @@
     }
     &-ranges {
       background: #fff;
-      box-shadow: 0 0 2px 2px rgba(0,0,0,0.02);
+      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02);
       border-radius: 24px;
       overflow-x: auto;
       position: relative;
@@ -281,8 +287,8 @@
   }
 
   & &-calendar-wrap &-calendar .rdtPicker {
-      width: 100%;
-      padding: 0;
+    width: 100%;
+    padding: 0;
     .rdtOld {
       visibility: hidden;
     }
@@ -309,18 +315,30 @@
 
     .rdtRangeHasEnd,
     .rdtRangeHasEnd:hover {
-      background: linear-gradient(to right, transparent 0%, transparent 50%, var(--Calendar-cell-onBetween-bg) 51%, var(--Calendar-cell-onBetween-bg) 100%) !important;
+      background: linear-gradient(
+        to right,
+        transparent 0%,
+        transparent 50%,
+        var(--Calendar-cell-onBetween-bg) 51%,
+        var(--Calendar-cell-onBetween-bg) 100%
+      ) !important;
     }
 
     .rdtRangeEnd,
     .rdtRangeEnd:hover {
-      background: linear-gradient(to right, var(--Calendar-cell-onBetween-bg) 0%, var(--Calendar-cell-onBetween-bg) 50%, transparent 51%, transparent 100%) !important;
+      background: linear-gradient(
+        to right,
+        var(--Calendar-cell-onBetween-bg) 0%,
+        var(--Calendar-cell-onBetween-bg) 50%,
+        transparent 51%,
+        transparent 100%
+      ) !important;
     }
 
     .rdtToday {
       border: none;
       .calendar-wrap {
-        border: 1px solid #2468F2;
+        border: 1px solid #2468f2;
       }
     }
   }
@@ -363,7 +381,7 @@
     transform: translate(-50%, -50%);
     width: px2rem(136px);
     height: px2rem(36px);
-    background: rgba(0, 0, 0, .9);
+    background: rgba(0, 0, 0, 0.9);
     border-radius: 4px;
     color: #fff;
     display: flex;

package/scss/components/_search-box.scss

@@ -24,7 +24,7 @@
   &.is-active {
     background: var(--Form-input-bg);
     border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
-    width: 150px;
+    width: var(--SearchBox-width);
     > input {
       flex-grow: 1;
     }
@@ -39,17 +39,10 @@
   }
 
   &-searchBtn {
-    display: flex;
-    width: var(--SearchBox-height);
-    align-items: center;
-    justify-content: center;
-
-    .icon {
-      top: 0;
-    }
+    display: inline-block;
+    padding: #{px2rem(5px)} #{px2rem(10px)};
   }
 
-
   &-activeBtn,
   &-cancelBtn {
     margin-right: 8px;
@@ -136,3 +129,116 @@
     color: var(--SearchBox-enhonce-disabled-search-color);
   }
 }
+
+.#{$ns}SearchBox-history {
+  & > .is-history {
+    width: 100%;
+  }
+
+  .#{$ns}SearchBox-history-dropdown {
+    position: absolute;
+    left: 0;
+    z-index: 998;
+    padding: var(--gap-sm) 0;
+    width: 100%;
+    max-width: var(--SearchBox-history-dropdown-maxWidth);
+    min-height: #{px2rem(72px)};
+    max-height: var(--SearchBox-history-dropdown-maxHeight);
+    background: var(--white);
+    border: var(--borderWidth) solid var(--borderColor);
+    border-top: none;
+    border-radius: var(--borderRadius);
+    box-shadow: var(--boxShadow);
+    display: none;
+
+    &.is-active {
+      display: block;
+    }
+
+    header {
+      display: flex;
+      flex-flow: row nowrap;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 var(--gap-md);
+      margin-bottom: #{px2rem(10px)};
+
+      h4 {
+        font-size: var(--fontSizeBase);
+        height: #{px2rem(24px)};
+        line-height: #{px2rem(24px)};
+        font-weight: bold;
+        margin: 0;
+      }
+
+      a {
+        display: inline-block;
+        font-size: var(--fontSizeSm);
+        cursor: pointer;
+        padding: 0;
+      }
+    }
+  }
+
+  .#{$ns}SearchBox-history-content {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: flex-start;
+    align-items: center;
+    padding: 0 var(--gap-md);
+    overflow-x: hidden;
+    overflow-y: auto;
+    max-height: calc(
+      var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2
+    );
+  }
+
+  .#{$ns}SearchBox-history-tag {
+    display: inlin-flex;
+    height: var(--Tag-height);
+    padding: 0 var(--gap-sm);
+    flex-flow: row nowrap;
+    justify-content: center;
+    align-items: center;
+    font-size: var(--Tag-content-fontSize);
+    max-width: 160px;
+    border-radius: var(--Tag-borderRadius);
+    background-color: var(--Tag-default-color);
+    color: var(--Tag-fontColor);
+    margin-bottom: var(--gap-sm);
+    margin-right: var(--gap-sm);
+    max-width: 96px;
+    cursor: pointer;
+
+    &-text {
+      display: inline-block;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+      line-height: 24px;
+    }
+
+    &-close {
+      margin-left: var(--gap-sm);
+      margin-right: var(--gap-xs);
+      cursor: pointer;
+
+      i {
+        font-size: #{px2rem(8px)};
+      }
+
+      .icon {
+        width: #{px2rem(8px)};
+        height: #{px2rem(8px)};
+        position: inherit;
+      }
+
+      &:hover {
+        opacity: 0.7;
+      }
+      &:active {
+        opacity: 0.3;
+      }
+    }
+  }
+}

package/scss/components/_tag.scss

@@ -2,17 +2,24 @@
   display: inline-flex;
   height: var(--Tag-height);
   padding: 0 var(--gap-sm);
+  flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
   font-size: var(--Tag-content-fontSize);
   max-width: 160px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
   transition: all 0.3;
   border-radius: var(--Tag-borderRadius);
   background-color: var(--Tag-default-color);
   color: var(--Tag-fontColor);
+
+  &-text {
+    display: inline-block;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    line-height: var(--Tag-height);
+  }
+
   &:not(:last-child) {
     margin-right: var(--gap-sm);
   }
@@ -47,6 +54,8 @@
     border-radius: calc((var(--Tag-height) + 2px) / 2);
     border: 1px solid var(--Tag-default-color);
     color: var(--Tag-default-color);
+    line-height: 22px;
+
     &--inactive {
       border-color: var(--Tag-inactive-color);
       color: var(--Tag-inactive-color);

package/scss/components/form/_date-range.scss

@@ -116,7 +116,7 @@
   margin: 0;
   padding-left: px2rem(10px);
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: px2rem(32px);
 }