amis 1.3.5-beta.7 → 1.4.2-beta.11

package/lib/components/SparkLine.js

@@ -46,8 +46,8 @@ var SparkLine = /** @class */ (function (_super) {
             react_1.default.createElement("path", { className: cx("Sparkline-line"), d: lineD, fill: "none" })));
     };
     SparkLine.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, className = _a.className, value = _a.value, width = _a.width, height = _a.height, onClick = _a.onClick;
-        return (react_1.default.createElement("div", { className: cx('Sparkline', className, onClick ? 'Sparkline--clickable' : ''), onClick: onClick }, Array.isArray(value) && value.length > 1 ? (react_1.default.createElement("svg", { className: cx('Sparkline-svg'), width: width, height: height, viewBox: "0 0 " + width + " " + height }, this.renderLines())) : (react_1.default.createElement("span", null, "Invalid Value"))));
+        var _a = this.props, cx = _a.classnames, className = _a.className, value = _a.value, width = _a.width, height = _a.height, placeholder = _a.placeholder, __ = _a.translate, onClick = _a.onClick;
+        return (react_1.default.createElement("div", { className: cx('Sparkline', className, onClick ? 'Sparkline--clickable' : ''), onClick: onClick }, Array.isArray(value) && value.length > 1 ? (react_1.default.createElement("svg", { className: cx('Sparkline-svg'), width: width, height: height, viewBox: "0 0 " + width + " " + height }, this.renderLines())) : (placeholder !== null && placeholder !== void 0 ? placeholder : __('placeholder.empty'))));
     };
     SparkLine.defaultProps = {
         width: 100,

package/lib/components/SparkLine.js.map

@@ -6,8 +6,8 @@
         "/src/components/SparkLine.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {localeable, LocaleProps} from '../locale';\nimport {themeable, ThemeProps} from '../theme';\nimport {PlainObject} from '../types';\n\nexport interface SparkLineProps extends ThemeProps, LocaleProps {\n  className?: string;\n  width: number;\n  height: number;\n  value?: Array<\n    | number\n    | {\n        value: number;\n        label?: string;\n      }\n  >;\n  onClick?: (e: React.MouseEvent, value?: PlainObject) => void;\n}\n\nexport class SparkLine extends React.Component<SparkLineProps> {\n  static defaultProps = {\n    width: 100,\n    height: 50\n  };\n\n  normalizeValue(item: any): number {\n    if (typeof item === 'number') {\n      return item;\n    } else if (item && typeof item.value === 'number') {\n      return item.value;\n    } else {\n      return Number(item) || 0;\n    }\n  }\n\n  renderLines() {\n    const {width, height, value, classnames: cx} = this.props;\n\n    const values = value!.map(item => this.normalizeValue(item));\n    const max = Math.max(...values);\n    const min = Math.min(...values);\n    const duration = max - min || 1;\n\n    const gap = width / (values.length - 1);\n    const points: Array<{\n      x: number;\n      y: number;\n    }> = [];\n\n    values.forEach((value, index) => {\n      points.push({\n        x: index * gap,\n        y: height - ((value - min) * height) / duration\n      });\n    });\n\n    const lineD = points\n      .map((value, index) => `${index === 0 ? 'M' : 'L'} ${value.x} ${value.y}`)\n      .join(' ');\n    const areaD = `${lineD} V ${height} L 0 ${height} Z`;\n\n    // todo 支持鼠标 hover 显示对应数据。\n\n    return (\n      <g>\n        <path className={cx(`Sparkline-area`)} d={areaD} stroke=\"none\" />\n        <path className={cx(`Sparkline-line`)} d={lineD} fill=\"none\" />\n      </g>\n    );\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      className,\n      value,\n      width,\n      height,\n      onClick\n    } = this.props;\n\n    return (\n      <div\n        className={cx(\n          'Sparkline',\n          className,\n          onClick ? 'Sparkline--clickable' : ''\n        )}\n        onClick={onClick}\n      >\n        {Array.isArray(value) && value.length > 1 ? (\n          <svg\n            className={cx('Sparkline-svg')}\n            width={width}\n            height={height}\n            viewBox={`0 0 ${width} ${height}`}\n          >\n            {this.renderLines()}\n          </svg>\n        ) : (\n          <span>Invalid Value</span>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default themeable(localeable(SparkLine));\n"
+        "import React from 'react';\nimport {localeable, LocaleProps} from '../locale';\nimport {themeable, ThemeProps} from '../theme';\nimport {PlainObject} from '../types';\n\nexport interface SparkLineProps extends ThemeProps, LocaleProps {\n  className?: string;\n  width: number;\n  height: number;\n  value?: Array<\n    | number\n    | {\n        value: number;\n        label?: string;\n      }\n  >;\n  placeholder?: string;\n  onClick?: (e: React.MouseEvent, value?: PlainObject) => void;\n}\n\nexport class SparkLine extends React.Component<SparkLineProps> {\n  static defaultProps = {\n    width: 100,\n    height: 50\n  };\n\n  normalizeValue(item: any): number {\n    if (typeof item === 'number') {\n      return item;\n    } else if (item && typeof item.value === 'number') {\n      return item.value;\n    } else {\n      return Number(item) || 0;\n    }\n  }\n\n  renderLines() {\n    const {width, height, value, classnames: cx} = this.props;\n\n    const values = value!.map(item => this.normalizeValue(item));\n    const max = Math.max(...values);\n    const min = Math.min(...values);\n    const duration = max - min || 1;\n\n    const gap = width / (values.length - 1);\n    const points: Array<{\n      x: number;\n      y: number;\n    }> = [];\n\n    values.forEach((value, index) => {\n      points.push({\n        x: index * gap,\n        y: height - ((value - min) * height) / duration\n      });\n    });\n\n    const lineD = points\n      .map((value, index) => `${index === 0 ? 'M' : 'L'} ${value.x} ${value.y}`)\n      .join(' ');\n    const areaD = `${lineD} V ${height} L 0 ${height} Z`;\n\n    // todo 支持鼠标 hover 显示对应数据。\n\n    return (\n      <g>\n        <path className={cx(`Sparkline-area`)} d={areaD} stroke=\"none\" />\n        <path className={cx(`Sparkline-line`)} d={lineD} fill=\"none\" />\n      </g>\n    );\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      className,\n      value,\n      width,\n      height,\n      placeholder,\n      translate: __,\n      onClick\n    } = this.props;\n\n    return (\n      <div\n        className={cx(\n          'Sparkline',\n          className,\n          onClick ? 'Sparkline--clickable' : ''\n        )}\n        onClick={onClick}\n      >\n        {Array.isArray(value) && value.length > 1 ? (\n          <svg\n            className={cx('Sparkline-svg')}\n            width={width}\n            height={height}\n            viewBox={`0 0 ${width} ${height}`}\n          >\n            {this.renderLines()}\n          </svg>\n        ) : (\n          placeholder ?? __('placeholder.empty')\n        )}\n      </div>\n    );\n  }\n}\n\nexport default themeable(localeable(SparkLine));\n"
     ]
 }

package/lib/components/Steps.d.ts

@@ -12,11 +12,11 @@ export declare type StepSchema = {
     /**
      * 标题
      */
-    title: string;
+    title?: string | JSX.Element;
     /**
      * 子标题
      */
-    subTitle?: string;
+    subTitle?: string | JSX.Element;
     /**
      * 图标
      */
@@ -25,7 +25,7 @@ export declare type StepSchema = {
     /**
      * 描述
      */
-    description?: string;
+    description?: string | JSX.Element;
     status?: StepStatus;
 } & Omit<BaseSchema, 'type'>;
 export interface StepsSchema extends BaseSchema {

package/lib/components/Steps.js.map

@@ -8,6 +8,6 @@
     "names": [],
     "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {BaseSchema} from '../Schema';\n\nexport enum StepStatus {\n  wait = 'wait',\n  process = 'process',\n  finish = 'finish',\n  error = 'error'\n}\n\nexport type StepSchema = {\n  /**\n   * 标题\n   */\n  title: string;\n\n  /**\n   * 子标题\n   */\n  subTitle?: string;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  value?: string | number;\n\n  /**\n   * 描述\n   */\n  description?: string;\n\n  status?: StepStatus;\n} & Omit<BaseSchema, 'type'>;\n\nexport interface StepsSchema extends BaseSchema {\n  /**\n   * 指定为 Steps 步骤条渲染器\n   */\n  type: 'steps';\n\n  /**\n   * 步骤\n   */\n  steps?: Array<StepSchema>;\n\n  /**\n   * API 或 数据映射\n   */\n  source?: string;\n\n  /**\n   * 指定当前步骤\n   */\n  value?: number | string;\n\n  /**\n   * 变量映射\n   */\n  name?: string;\n\n  status: StepStatus\n\n  /**\n   * 展示模式\n   */\n  mode?: 'horizontal' | 'vertical';\n}\n\nexport interface StepsProps extends ThemeProps {\n  steps: StepSchema[];\n  className: string;\n  current: number;\n  status?: StepStatus | {\n    [propName: string]: StepStatus;\n  };\n  mode?: 'horizontal' | 'vertical';\n}\n\nexport function Steps(props: StepsProps) {\n  const {\n    steps: stepsRow,\n    classnames: cx,\n    className,\n    current,\n    status,\n    mode = 'horizontal'\n  } = props;\n  const FINISH_ICON = 'check';\n  const ERROR_ICON = 'close';\n\n  function getStepStatus(\n    step: StepSchema,\n    i: number\n  ): {stepStatus: StepStatus; icon?: string} {\n    let stepStatus: StepStatus = StepStatus.wait;\n    let icon = step.icon;\n\n    if (i < current) {\n      stepStatus = StepStatus.finish;\n      !icon && (icon = FINISH_ICON);\n    } else if (i === current) {\n      stepStatus = StepStatus.process;\n    }\n\n    if (typeof status === 'string') {\n      if (i === current) {\n        stepStatus = step.status || status || StepStatus.process;\n        stepStatus === StepStatus.error && !icon && (icon = ERROR_ICON);\n      }\n    } else if (typeof status === 'object') {\n      const key = step.value;\n      key && status[key] && (stepStatus = status[key]);\n    }\n\n    return {\n      stepStatus,\n      icon\n    };\n  }\n\n  return (\n    <ul className={cx('Steps', `Steps--${mode}`, className)}>\n      {stepsRow.map((step, i) => {\n        const {stepStatus, icon} = getStepStatus(step, i);\n\n        return (\n          <li\n            key={i}\n            className={cx('StepsItem', `is-${stepStatus}`, step.className)}\n          >\n            <div className={cx('StepsItem-container')}>\n              <div className={cx('StepsItem-containerIcon')}>\n                <span className={cx('StepsItem-icon')}>\n                  {icon ? <Icon icon={icon} className=\"icon\" /> : i + 1}\n                </span>\n              </div>\n              <div className={cx('StepsItem-containerWrapper')}>\n                <div className={cx('StepsItem-body')}>\n                  <div\n                    className={cx(\n                      'StepsItem-title',\n                      i < current && 'is-success'\n                    )}\n                  >\n                    <span>{step.title}</span>\n                    <span className={cx('StepsItem-subTitle')}>\n                      {step.subTitle}\n                    </span>\n                  </div>\n                  <div className={cx('StepsItem-description')}>\n                    {step.description}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  )\n}\n\nexport default themeable(Steps);"
+        "import React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {BaseSchema} from '../Schema';\n\nexport enum StepStatus {\n  wait = 'wait',\n  process = 'process',\n  finish = 'finish',\n  error = 'error'\n}\n\nexport type StepSchema = {\n  /**\n   * 标题\n   */\n  title?: string | JSX.Element;\n\n  /**\n   * 子标题\n   */\n  subTitle?: string | JSX.Element;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  value?: string | number;\n\n  /**\n   * 描述\n   */\n  description?: string | JSX.Element;\n\n  status?: StepStatus;\n} & Omit<BaseSchema, 'type'>;\n\nexport interface StepsSchema extends BaseSchema {\n  /**\n   * 指定为 Steps 步骤条渲染器\n   */\n  type: 'steps';\n\n  /**\n   * 步骤\n   */\n  steps?: Array<StepSchema>;\n\n  /**\n   * API 或 数据映射\n   */\n  source?: string;\n\n  /**\n   * 指定当前步骤\n   */\n  value?: number | string;\n\n  /**\n   * 变量映射\n   */\n  name?: string;\n\n  status: StepStatus\n\n  /**\n   * 展示模式\n   */\n  mode?: 'horizontal' | 'vertical';\n}\n\nexport interface StepsProps extends ThemeProps {\n  steps: StepSchema[];\n  className: string;\n  current: number;\n  status?: StepStatus | {\n    [propName: string]: StepStatus;\n  };\n  mode?: 'horizontal' | 'vertical';\n}\n\nexport function Steps(props: StepsProps) {\n  const {\n    steps: stepsRow,\n    classnames: cx,\n    className,\n    current,\n    status,\n    mode = 'horizontal'\n  } = props;\n  const FINISH_ICON = 'check';\n  const ERROR_ICON = 'close';\n\n  function getStepStatus(\n    step: StepSchema,\n    i: number\n  ): {stepStatus: StepStatus; icon?: string} {\n    let stepStatus: StepStatus = StepStatus.wait;\n    let icon = step.icon;\n\n    if (i < current) {\n      stepStatus = StepStatus.finish;\n      !icon && (icon = FINISH_ICON);\n    } else if (i === current) {\n      stepStatus = StepStatus.process;\n    }\n\n    if (typeof status === 'string') {\n      if (i === current) {\n        stepStatus = step.status || status || StepStatus.process;\n        stepStatus === StepStatus.error && !icon && (icon = ERROR_ICON);\n      }\n    } else if (typeof status === 'object') {\n      const key = step.value;\n      key && status[key] && (stepStatus = status[key]);\n    }\n\n    return {\n      stepStatus,\n      icon\n    };\n  }\n\n  return (\n    <ul className={cx('Steps', `Steps--${mode}`, className)}>\n      {stepsRow.map((step, i) => {\n        const {stepStatus, icon} = getStepStatus(step, i);\n\n        return (\n          <li\n            key={i}\n            className={cx('StepsItem', `is-${stepStatus}`, step.className)}\n          >\n            <div className={cx('StepsItem-container')}>\n              <div className={cx('StepsItem-containerIcon')}>\n                <span className={cx('StepsItem-icon')}>\n                  {icon ? <Icon icon={icon} className=\"icon\" /> : i + 1}\n                </span>\n              </div>\n              <div className={cx('StepsItem-containerWrapper')}>\n                <div className={cx('StepsItem-body')}>\n                  <div\n                    className={cx(\n                      'StepsItem-title',\n                      i < current && 'is-success'\n                    )}\n                  >\n                    <span>{step.title}</span>\n                    <span className={cx('StepsItem-subTitle')}>\n                      {step.subTitle}\n                    </span>\n                  </div>\n                  <div className={cx('StepsItem-description')}>\n                    {step.description}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  )\n}\n\nexport default themeable(Steps);"
     ]
 }