@zat-design/sisyphus-react 3.1.5-beta.9 → 3.2.0

package/lib/locale/zh_CN.js

@@ -5,70 +5,138 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _default = exports.default = {
-  common: {
+  ProDrawerForm: {
     save: '保存',
-    cancel: '取消'
+    confirm: '确定',
+    cancel: '取消',
+    isSureClose: '确认关闭当前页面',
+    secondTipsWhenSave: '关闭当前页面内容不会被保存，需要点击“保存”按钮进行保存'
   },
-  demo: {
-    openDrawer: '打开抽屉',
-    openModal: '打开弹框'
+  ProLayout: {
+    tipAlt: '提示',
+    closeAlt: '关闭'
   },
-  search: {
+  ProHeader: {
+    versionTitle: '版本号',
+    confirmTitle: '确认返回？',
+    confirm: '确定',
+    cancel: '取消',
+    backText: '返回',
+    copyTooltips: ['复制', '复制成功']
+  },
+  ProDownload: {
+    errorMessage: '请求失败！'
+  },
+  ProForm: {
+    unfold: '展开',
+    packUp: '收起',
+    inputPlaceholder: '请输入',
+    selectPlaceHolder: '请选择',
+    switchText: ['是', '否'],
     search: '查询',
     reset: '重置',
-    collapsed: '展开',
-    expand: '收起'
-  },
-  dialog: {
-    modeAdd: '新增',
-    modeUpdate: '编辑',
-    modeDetail: '详情',
-    modeCustom: '自定义',
-    close: '关闭',
-    confirm: '确定'
-  },
-  extra: {
-    refresh: '刷新',
-    density: '密度',
-    densityLarger: '默认',
-    densityMiddle: '中等',
-    densitySmall: '紧凑',
-    fullScreen: '全屏',
-    exitFullScreen: '退出全屏',
-    moveUp: '上移',
-    moveDown: '下移',
-    rename: '请输入别名',
-    columnSetting: '设置展示列'
-  },
-  action: {
-    success: '成功',
-    deleteConfirm: '你确定要删除此行吗？',
-    deleteSuccess: '删除成功',
-    noSelection: '请选择一条数据',
-    deleteConfirmTitle: '确定',
-    deleteConfirmBefore: '您勾选了',
-    deleteConfirmAfter: '个，确定要删除吗？',
-    deleteConfirmBatchSuccess: '批量删除成功'
-  },
-  tagGroup: {
-    all: '全部'
-  },
-  table: {
-    totalBefore: '共',
-    totalAfter: '条',
-    selectedTitle: '已经选中的选项',
-    selectedBefore: '已选择：',
-    selectedAfter: '条',
-    selectedClear: '清空'
-  },
-  form: {
-    pleaseInput: '请输入',
-    pleaseInputAfter: '',
-    pleaseSelect: '请选择',
-    pleaseSelectAfter: '',
-    requiredText: '',
-    startDate: '开始日期',
-    endDate: '结束日期',
-    dateTo: '至'
+    ruleText: '正确的',
+    completeText: '请完整输入',
+    formList_actions: ['新增', '删除', '复制', '上移', '下移', '新增一行'],
+    formList_confirmMessage: '确认删除吗?'
+  },
+  ProAction: {
+    errorMessage: 'ProAction 配置 config 必须为数据',
+    defaultTitle: '确认删除吗?'
+  },
+  ProWaterMark: {},
+  ProTable: {
+    noData: '暂无数据',
+    resetColumnWidth: '重置列宽',
+    customColumns: '自定义列',
+    transformResponseMsg: '请返回正确的数据类型',
+    deselect: '取消选择',
+    selectCurPage: '选择当前页({total}条)',
+    selectAll: '选择全部({total}条)',
+    hasSelected: '已选 {selectedNum} 条数据',
+    total: '共{total}条'
+  },
+  ProAddressBar: {
+    placeholder: '请选择',
+    detailPlaceholder: '请输入详细地址'
+  },
+  ProTree: {
+    inputPlaceholder: '请输入',
+    unExpand: '全部收起',
+    expand: '全部展开',
+    all: '全选',
+    emptyTips: '诶呀，没有找到您要查询的内容'
+  },
+  ProUpload: {
+    exampleTitle: '查看示例',
+    errorInfoExt: '文件格式只支持',
+    errorInfoSize: '上传的文件不能超过',
+    buttonText: '上传文件',
+    draggerSelect: '重新选择',
+    draggerDelete: '删除',
+    draggerTips: '将文件拖拽到此处，或点击上传',
+    draggerBtnTxt: '点击上传',
+    draggerFileExt: '支持扩展名',
+    draggerLimitless: '无限制',
+    view: '查看',
+    delete: '删除',
+    download: '下载'
+  },
+  ProStep: {
+    catalogue: '目录'
+  },
+  ProEditTable: {
+    confirm: '确定',
+    cancel: '取消',
+    select: '请选择',
+    enter: '请输入',
+    add: '添加',
+    edit: '编辑',
+    copy: '复制',
+    delete: '删除',
+    mulDelete: '删除',
+    save: '保存',
+    custom: '自定义',
+    operation: '操作',
+    noData: '暂无数据',
+    clickAdd: '点击添加',
+    onlyOneLineMsg: '请先保存数据',
+    deletePoConfirmMsg: '您确定要删除该行数据吗？',
+    mulDeletePoConfirmMsg: '您确定要删除选中的数据吗？'
+  },
+  ProModalSelect: {
+    checkMsg: '请先勾选',
+    select: '请选择'
+  },
+  ProSelect: {
+    checkMsg: '请先勾选',
+    select: '请选择'
+  },
+  ProEnum: {
+    errorDataSource: '请传入有效的数据源',
+    errorMessage: '请返回正确的数据类型',
+    errorArrayMessage: '请返回有效的数组',
+    errorNoEnumType: '请传入枚举类型',
+    mainInitByRequest: '主应用初始化触发从接口读取数据更新',
+    mainInitByCache: '主应用初始化触发从缓存读取数据更新',
+    requestError: '请求失败',
+    mainInitOnce: '主应用初始化触发一次',
+    sonInitEvent: '子应用初始化监听动作'
+  },
+  ProTreeModal: {
+    checkMsg: '请先勾选',
+    select: '请选择',
+    input: '请输入',
+    errorArrayMessage: '请返回有效的数组',
+    selectMin: '最少选择{min}个',
+    selectMax: '最多选择{max}个',
+    noCheck: '暂无已选',
+    checkAll: '全选',
+    check: '已选',
+    clearAll: '清空全部',
+    checkNumber: '已选择{num}项'
+  },
+  ProTimeLimit: {
+    foreverText: '长期'
   }
 };

package/lib/style/core/normalize.less

@@ -223,7 +223,6 @@ samp {
 }
 
 .clickable,
-label,
 input[type='button'],
 input[type='submit'],
 input[type='file'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.1.5-beta.9",
+  "version": "3.2.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",

package/.dumi/theme/builtins/Alert.tsx

@@ -1,19 +0,0 @@
-import React from 'react'
-import { InfoCircleFilled } from '@ant-design/icons'
-
-export default function MyAlert(props: any) {
-  return (
-    <span
-      style={{
-        display: 'block',
-        backgroundColor: '#e6f7ff',
-        border: '1px solid #91d5ff',
-        borderRadius: 2,
-        padding: '8px 15px'
-      }}
-    >
-      <InfoCircleFilled style={{ color: '#1890ff', marginRight: 8 }} />
-      {props.children}
-    </span>
-  )
-}

package/.dumi/theme/builtins/Previewer.tsx

@@ -1,232 +0,0 @@
-import React, { useState, useContext, useRef, useEffect } from 'react'
-import Tabs, { TabPane } from 'rc-tabs'
-// @ts-ignore
-import { history } from 'dumi'
-import { IPreviewerComponentProps } from 'dumi/theme'
-import {
-  context,
-  useRiddle,
-  useMotions,
-  useCopy,
-  useLocaleProps,
-  useDemoUrl,
-  useTSPlaygroundUrl,
-  Link,
-  AnchorLink,
-  usePrefersColor
-} from 'dumi/theme'
-import { ICodeBlockProps } from './SourceCode'
-import SourceCode from './SourceCode'
-import 'dumi-theme-default/src/builtins/Previewer.less'
-import useCodeSandbox from '../hooks/useCodeSandbox'
-
-export interface IPreviewerProps extends IPreviewerComponentProps {
-  /**
-   * enable transform to change CSS containing block for demo
-   */
-  transform?: boolean
-  /**
-   * modify background for demo area
-   */
-  background?: string
-  /**
-   * collapse padding of demo area
-   */
-  compact?: boolean
-  /**
-   * configurations for action button
-   */
-  hideActions?: ('CSB' | 'EXTERNAL' | 'RIDDLE')[]
-  /**
-   * show source code by default
-   */
-  defaultShowCode?: boolean
-  /**
-   * use iframe mode for this demo
-   */
-  iframe?: true | number
-  /**
-   * replace builtin demo url
-   */
-  demoUrl?: string
-}
-
-/**
- * get source code type for file
- * @param file    file path
- * @param source  file source object
- */
-function getSourceType(file: string, source: IPreviewerComponentProps['sources']['_']) {
-  // use file extension as source type first
-  let type = file.match(/\.(\w+)$/)?.[1]
-
-  if (!type) {
-    type = source.tsx ? 'tsx' : 'jsx'
-  }
-
-  return type as ICodeBlockProps['lang']
-}
-
-const Previewer: React.FC<IPreviewerProps> = oProps => {
-  const demoRef = useRef()
-  const { locale } = useContext(context)
-  const props = useLocaleProps<IPreviewerProps>(locale, oProps)
-  const builtinDemoUrl = useDemoUrl(props.identifier)
-  const demoUrl = props.demoUrl || builtinDemoUrl
-  const isActive = history?.location.hash === `#${props.identifier}`
-  const isSingleFile = Object.keys(props.sources).length === 1
-  const openCSB = useCodeSandbox(props.hideActions?.includes('CSB') ? null : props)
-  const openRiddle = useRiddle(props.hideActions?.includes('RIDDLE') ? null : props)
-  const [execMotions, isMotionRunning] = useMotions(props.motions || [], demoRef.current)
-  const [copyCode, copyStatus] = useCopy()
-  const [currentFile, setCurrentFile] = useState('_')
-  const [sourceType, setSourceType] = useState(getSourceType(currentFile, props.sources[currentFile]))
-  const [showSource, setShowSource] = useState(Boolean(props.defaultShowCode))
-  const [iframeKey, setIframeKey] = useState(Math.random())
-  const currentFileCode = props.sources[currentFile][sourceType] || props.sources[currentFile].content
-  const playgroundUrl = useTSPlaygroundUrl(locale, currentFileCode)
-  const iframeRef = useRef<HTMLIFrameElement>()
-  const [color] = usePrefersColor()
-
-  // re-render iframe if prefers color changed
-  useEffect(() => {
-    setIframeKey(Math.random())
-  }, [color])
-
-  function handleFileChange(filename: string) {
-    setCurrentFile(filename)
-    setSourceType(getSourceType(filename, props.sources[filename]))
-  }
-
-  return (
-    <div
-      style={props.style}
-      className={[props.className, '__dumi-default-previewer', isActive ? '__dumi-default-previewer-target' : '']
-        .filter(Boolean)
-        .join(' ')}
-      id={props.identifier}
-      data-debug={props.debug || undefined}
-      data-iframe={props.iframe || undefined}
-    >
-      {props.iframe && <div className="__dumi-default-previewer-browser-nav" />}
-      <div
-        ref={demoRef}
-        className="__dumi-default-previewer-demo"
-        style={{
-          transform: props.transform ? 'translate(0, 0)' : undefined,
-          padding: props.compact || (props.iframe && props.compact !== false) ? '0' : undefined,
-          background: props.background
-        }}
-      >
-        {props.iframe ? (
-          <iframe
-            title="dumi-previewer"
-            style={{
-              // both compatible with unit or non-unit, such as 100, 100px, 100vh
-              height: String(props.iframe).replace(/(\d)$/, '$1px')
-            }}
-            key={iframeKey}
-            src={demoUrl}
-            ref={iframeRef}
-          />
-        ) : (
-          props.children
-        )}
-      </div>
-      <div className="__dumi-default-previewer-desc" data-title={props.title}>
-        {props.title && <AnchorLink to={`#${props.identifier}`}>{props.title}</AnchorLink>}
-        {props.description && (
-          <div
-            // eslint-disable-next-line
-            dangerouslySetInnerHTML={{ __html: props.description }}
-          />
-        )}
-      </div>
-      <div className="__dumi-default-previewer-actions">
-        {openCSB && (
-          <button
-            title="Open demo on CodeSandbox.io"
-            className="__dumi-default-icon"
-            role="codesandbox"
-            onClick={openCSB}
-          />
-        )}
-        {openRiddle && (
-          <button title="Open demo on Riddle" className="__dumi-default-icon" role="riddle" onClick={openRiddle} />
-        )}
-        {props.motions && (
-          <button
-            title="Execute motions"
-            className="__dumi-default-icon"
-            role="motions"
-            disabled={isMotionRunning}
-            onClick={() => execMotions()}
-          />
-        )}
-        {props.iframe && (
-          <button
-            title="Reload demo iframe page"
-            className="__dumi-default-icon"
-            role="refresh"
-            onClick={() => setIframeKey(Math.random())}
-          />
-        )}
-        {!props.hideActions?.includes('EXTERNAL') && (
-          <Link target="_blank" to={demoUrl}>
-            <button title="Open demo in new tab" className="__dumi-default-icon" role="open-demo" type="button" />
-          </Link>
-        )}
-        <span />
-        <button
-          title="Copy source code"
-          className="__dumi-default-icon"
-          role="copy"
-          data-status={copyStatus}
-          onClick={() => copyCode(currentFileCode)}
-        />
-        {sourceType === 'tsx' && showSource && (
-          <Link target="_blank" to={playgroundUrl}>
-            <button
-              title="Get JSX via TypeScript Playground"
-              className="__dumi-default-icon"
-              role="change-tsx"
-              type="button"
-            />
-          </Link>
-        )}
-        <button
-          title="Toggle source code panel"
-          className={`__dumi-default-icon${showSource ? ' __dumi-default-btn-expand' : ''}`}
-          role="source"
-          type="button"
-          onClick={() => setShowSource(!showSource)}
-        />
-      </div>
-      {showSource && (
-        <div className="__dumi-default-previewer-source-wrapper">
-          {!isSingleFile && (
-            <Tabs
-              className="__dumi-default-previewer-source-tab"
-              prefixCls="__dumi-default-tabs"
-              moreIcon="···"
-              defaultActiveKey={currentFile}
-              onChange={handleFileChange}
-            >
-              {Object.keys(props.sources).map(filename => (
-                <TabPane
-                  tab={filename === '_' ? `index.${getSourceType(filename, props.sources[filename])}` : filename}
-                  key={filename}
-                />
-              ))}
-            </Tabs>
-          )}
-          <div className="__dumi-default-previewer-source">
-            <SourceCode code={currentFileCode} lang={sourceType} showCopy={false} />
-          </div>
-        </div>
-      )}
-    </div>
-  )
-}
-
-export default Previewer

package/.dumi/theme/builtins/SourceCode.tsx

@@ -1,64 +0,0 @@
-import React from 'react'
-// import styled from 'styled-components'
-import { Language } from 'prism-react-renderer'
-import Highlight, { defaultProps } from 'prism-react-renderer'
-import { useCopy } from 'dumi/theme'
-import 'prismjs/themes/prism.css'
-import 'dumi-theme-default/src/builtins/SourceCode.less'
-
-export interface ICodeBlockProps {
-  code: string
-  lang: Language
-  showCopy?: boolean
-}
-
-// const Line = styled.div`
-//   display: table-row;
-// `
-
-// const LineNo = styled.span`
-//   display: table-cell;
-//   text-align: right;
-//   padding-right: 1em;
-//   min-width: 4em;
-//   user-select: none;
-//   opacity: 0.5;
-// `
-
-// const LineContent = styled.span`
-//   display: table-cell;
-// `
-
-export default ({ code, lang, showCopy = true }: ICodeBlockProps) => {
-  const [copyCode, copyStatus] = useCopy()
-
-  return (
-    <div className="__dumi-default-code-block">
-      <Highlight {...defaultProps} code={code} language={lang} theme={undefined}>
-        {({ className, style, tokens, getLineProps, getTokenProps }) => (
-          <pre className={className} style={style}>
-            {showCopy && (
-              <button
-                className="__dumi-default-icon __dumi-default-code-block-copy-btn"
-                data-status={copyStatus}
-                onClick={() => copyCode(code)}
-              />
-            )}
-            {tokens.map((line, i) => (
-              <div {...getLineProps({ line, key: i })}>
-                <div key={i} {...getLineProps({ line, key: i })}>
-                  {/* <div>{i + 1}</div> */}
-                  <div>
-                    {line.map((token, key) => (
-                      <span key={key} {...getTokenProps({ token, key })} />
-                    ))}
-                  </div>
-                </div>
-              </div>
-            ))}
-          </pre>
-        )}
-      </Highlight>
-    </div>
-  )
-}