ydb-components-material 0.1.11 → 0.1.12

package/lib/components/material-check-res/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _file = _interopRequireDefault(require("./icon/file.svg"));
+var _fail = _interopRequireDefault(require("./icon/fail.svg"));
+var _success = _interopRequireDefault(require("./icon/success.svg"));
+var _warning = _interopRequireDefault(require("./icon/warning.svg"));
+require("./index.scss");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var MaterialCheckRes = function MaterialCheckRes(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'fail' : _ref$type,
+    number = _ref.number,
+    text = _ref.text,
+    style = _ref.style;
+  var color = {
+    fail: '#F7625D',
+    warning: '#F29655',
+    success: '#15BC83'
+  }[type];
+  var icon = {
+    fail: _fail["default"],
+    warning: _warning["default"],
+    success: _success["default"]
+  }[type];
+  var res = {
+    fail: '预审存疑',
+    warning: '人工判断',
+    success: '预检通过'
+  }[type];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "materialCheckRes",
+    style: (0, _extends2["default"])({
+      color: color
+    }, style)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "file"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "icon",
+    src: _file["default"],
+    alt: ""
+  }), "\u6587\u4EF6"), /*#__PURE__*/React.createElement("div", {
+    className: "btns"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "res"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: icon,
+    alt: ""
+  }), res), /*#__PURE__*/React.createElement("div", {
+    className: "detail"
+  }, "\u67E5\u770B\u8BE6\u60C5")));
+};
+MaterialCheckRes.displayName = 'MaterialCheckRes';
+var _default = exports["default"] = MaterialCheckRes;

package/lib/components/material-check-res/index.scss

@@ -0,0 +1,52 @@
+.materialCheckRes {
+  width: 100%;
+  border-radius: 8px;
+  background: #F7F7F7;
+  padding: 10px;
+  display: flex;
+  align-items: flex-end;
+
+  .file {
+    width: 80px;
+    height: 85px;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: #fff;
+    font-size: 12px;
+    color: #666666;
+    margin-right: 12px;
+
+    img {
+      width: 24px;
+      height: 24px;
+      margin-bottom: 7px;
+    }
+  }
+
+  .btns {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-bottom: 5px;
+    font-size: 14px;
+    flex: 1;
+
+    .res {
+      display: flex;
+      align-items: center;
+    }
+
+    .detail {
+      color: #1678FF;
+    }
+
+    img {
+      width: 16px;
+      height: 16px;
+      margin-right: 6px;
+    }
+  }
+}

package/lib/components/statistic/index.scss

@@ -14,7 +14,7 @@
     .num {
       font-size: 24px;
       font-weight: 500;
-      line-height: 26px;
+      line-height: 22px;
       margin-right: 1px;
     }
     .unit {

package/lib/components/success-prompt/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import './index.scss';
+export interface SuccessPromptProps {
+    /**
+     * 类型
+     */
+    type?: "fail" | "warning" | "success";
+    number: number;
+    text: string;
+    style?: object;
+}
+declare const SuccessPrompt: React.FC<SuccessPromptProps>;
+export default SuccessPrompt;

package/lib/components/success-prompt/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
+var React = _interopRequireWildcard(require("react"));
+var _success = _interopRequireDefault(require("./success.svg"));
+require("./index.scss");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var SuccessPrompt = function SuccessPrompt(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'fail' : _ref$type,
+    number = _ref.number,
+    text = _ref.text,
+    style = _ref.style;
+  var handleChange = function handleChange(value) {
+    console.log(value);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "SuccessPrompt",
+    style: style
+  }, "\u60A8\u63D0\u4EA4\u7684\u6750\u6599\u5DF2\u901A\u8FC7\u7CFB\u7EDF\u201C\u667A\u80FD\u9884\u5BA1\u201D\uFF0C\u201C\u667A\u80FD\u9884\u5BA1\u201D\u4EC5\u4EE3\u8868\u7CFB\u7EDF\u7684\u521D\u6B65\u5224\u65AD\uFF0C\u6700\u7EC8\u5BA1\u6838\u7ED3\u679C\u4EE5\u4E1A\u52A1\u90E8\u95E8\u7684\u5BA1\u6838\u7ED3\u679C\u4E3A\u51C6\uFF01", /*#__PURE__*/React.createElement("div", {
+    className: "radio"
+  }, /*#__PURE__*/React.createElement(_radio["default"], {
+    onChange: function onChange(val) {
+      return handleChange(val);
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "text"
+  }, "\u6211\u5DF2\u77E5\u6653")), /*#__PURE__*/React.createElement("img", {
+    className: "img",
+    src: _success["default"],
+    alt: ""
+  }));
+};
+SuccessPrompt.displayName = 'SuccessPrompt';
+var _default = exports["default"] = SuccessPrompt;

package/lib/components/success-prompt/index.scss

@@ -0,0 +1,29 @@
+.SuccessPrompt {
+  width: 100%;
+  padding: 16px 12px;
+  border-radius: 8px;
+  background: #15BC83;
+  color: #fff;
+  font-size: 12px;
+  position: relative;
+
+  .img {
+    width: 69px;
+    height: 69px;
+    position: absolute;
+    right: 12px;
+    bottom: 0;
+  }
+
+  .radio {
+    margin-top: 8px;
+    display: flex;
+    align-items: center;
+    row-gap: 2px;
+
+    .text {
+      margin-left: 3px;
+      margin-top: 1px;
+    }
+  }
+}

package/lib/components/success-prompt/success.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="69" height="69" viewBox="0 0 69 69"><g><g><rect x="0" y="0" width="69" height="69" rx="34.5" fill="#FFFFFF" fill-opacity="0.10000000149011612"/></g><g><path d="M55.595893762939454,26.270896918530273Q55.80478276293945,26.062006718530274,55.968906762939454,25.816378018530273Q56.13302976293945,25.570749118530273,56.24608276293945,25.297821018530275Q56.35913076293945,25.024892868530273,56.41676376293945,24.735153908530272Q56.474399762939456,24.445414898530274,56.474399762939456,24.149999618530273Q56.474399762939456,24.002648528530273,56.459956762939456,23.856006978530274Q56.44551476293945,23.709365428530273,56.41676376293945,23.564845678530272Q56.38801976293945,23.420325878530274,56.34524176293945,23.279319648530272Q56.30247076293945,23.138313518530275,56.246078762939455,23.002178918530273Q56.189693762939456,22.866044118530272,56.12023576293945,22.736092118530273Q56.05076976293945,22.606140118530273,55.968906762939454,22.483622318530273Q55.88704276293945,22.361104218530272,55.79356776293945,22.247200218530274Q55.70008876293945,22.133296518530273,55.595893762939454,22.029103518530274Q55.491702762939454,21.924910518530275,55.37779976293945,21.831431818530273Q55.26389676293945,21.737953418530275,55.14137676293945,21.656089818530273Q55.01886376293945,21.574225618530274,54.88891176293945,21.504764818530273Q54.758956762939455,21.435303918530273,54.622817762939455,21.378915318530275Q54.48668276293945,21.322526418530273,54.345679762939454,21.279752718530272Q54.20467376293945,21.236979018530274,54.06015376293945,21.208232418530272Q53.915637762939454,21.179485318530272,53.76899376293945,21.165042118530273Q53.62234876293945,21.150599518530274,53.47499876293945,21.150599518530274Q53.179584762939456,21.150599518530274,52.88984276293945,21.208232418530272Q52.60010576293945,21.265864818530275,52.32717476293945,21.378915318530275Q52.05424876293945,21.491965818530275,51.808620762939455,21.656089818530273Q51.562991762939454,21.820213318530275,51.35410076293945,22.029103318530275L51.353677762939455,22.028679418530274L31.050000762939455,42.332359618530276L22.821320962939453,34.10367961853027L22.820896662939454,34.10410401853027Q22.612006562939452,33.895214118530276,22.366377962939453,33.73108961853028Q22.12074926293945,33.56696511853028,21.847821262939455,33.45391461853028Q21.574893352939455,33.34086421853027,21.28515458293945,33.28323271853027Q20.995415832939454,33.225600218530275,20.700000762939453,33.225600218530275Q20.552649672939452,33.22560121853027,20.406008122939454,33.24004361853027Q20.259366572939452,33.254486118530274,20.11484682293945,33.28323271853027Q19.970327022939454,33.31197931853028,19.829320792939452,33.35475351853027Q19.688314662939455,33.39752771853027,19.552180062939453,33.453915618530274Q19.416045262939452,33.51030541853027,19.286093262939453,33.57976531853028Q19.156141262939453,33.64922711853028,19.033623462939453,33.73109051853027Q18.911105362939452,33.812954918530274,18.797201362939454,33.90643311853027Q18.683297662939452,33.99991221853027,18.579104662939454,34.10410401853027Q18.474911662939455,34.208297618530274,18.381432962939453,34.322200618530275Q18.287954562939454,34.43610561853028,18.206090962939452,34.55862261853027Q18.124226762939454,34.68114061853027,18.054765962939452,34.811092618530274Q17.985305062939453,34.94104461853027,17.928916462939455,35.077178618530276Q17.872527562939453,35.21331361853027,17.82975386293945,35.354320618530274Q17.786980162939454,35.49532661853027,17.758233562939452,35.63984561853027Q17.72948646293945,35.78436661853027,17.715043262939453,35.93100861853027Q17.700600362939454,36.07764961853027,17.700600662939454,36.225000618530274Q17.700600662939454,36.52041561853027,17.758233262939452,36.81015361853027Q17.815865962939455,37.099893618530274,17.928916462939455,37.372821618530274Q18.041966962939455,37.64574861853028,18.206090962939452,37.891378618530275Q18.370214962939453,38.13700661853027,18.579104862939452,38.345896618530276L18.578680562939454,38.34632061853027L28.78727146293945,48.554912618530274Q31.049972762939454,50.81758661853027,33.31274176293945,48.55490161853027L55.59631776293946,26.271319818530273L55.595893762939454,26.270896918530273Z" fill-rule="evenodd" fill="#15BC83" fill-opacity="1"/></g></g></svg>

package/lib/index.d.ts

@@ -15,5 +15,11 @@ export type { MessageProps } from './components/message';
 export { default as Message } from './components/message';
 export type { StatsticProps } from './components/statistic';
 export { default as Statstic } from './components/statistic';
+export type { MaterialCheckResProps } from './components/material-check-res';
+export { default as MaterialCheckRes } from './components/material-check-res';
+export type { SuccessPromptProps } from './components/success-prompt';
+export { default as SuccessPrompt } from './components/success-prompt';
+export type { CheckDetailProps } from './components/check-detail';
+export { default as CheckDetail } from './components/check-detail';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/lib/index.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.bizCssPrefix = exports.Tips = exports.Statstic = exports.Message = exports.FileItem = exports.ColorfulInput = exports.ColorfulButton = exports.CheckRes = exports.CheckLoading = exports.CardTitle = void 0;
+exports.bizCssPrefix = exports.Tips = exports.SuccessPrompt = exports.Statstic = exports.Message = exports.MaterialCheckRes = exports.FileItem = exports.ColorfulInput = exports.ColorfulButton = exports.CheckRes = exports.CheckLoading = exports.CheckDetail = exports.CardTitle = void 0;
 var _colorfulButton = _interopRequireDefault(require("./components/colorful-button"));
 exports.ColorfulButton = _colorfulButton["default"];
 var _colorfulInput = _interopRequireDefault(require("./components/colorful-input"));
@@ -21,4 +21,10 @@ var _message = _interopRequireDefault(require("./components/message"));
 exports.Message = _message["default"];
 var _statistic = _interopRequireDefault(require("./components/statistic"));
 exports.Statstic = _statistic["default"];
+var _materialCheckRes = _interopRequireDefault(require("./components/material-check-res"));
+exports.MaterialCheckRes = _materialCheckRes["default"];
+var _successPrompt = _interopRequireDefault(require("./components/success-prompt"));
+exports.SuccessPrompt = _successPrompt["default"];
+var _checkDetail = _interopRequireDefault(require("./components/check-detail"));
+exports.CheckDetail = _checkDetail["default"];
 var bizCssPrefix = exports.bizCssPrefix = 'bizpack';

package/lowcode/check-detail/meta.ts

@@ -0,0 +1,117 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const CheckDetailMeta: IPublicTypeComponentMetadata = {
+  "componentName": "CheckDetail",
+  "title": "CheckDetail",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "ydb-components-material",
+    "version": "0.1.11",
+    "exportName": "CheckDetail",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "type",
+            "zh-CN": "类型"
+          },
+          "tip": "type | 类型"
+        },
+        "name": "type",
+        "description": "类型",
+        "setter": {
+          "componentName": "RadioGroupSetter",
+          "props": {
+            "dataSource": [
+              {
+                "label": "success",
+                "value": "success"
+              },
+              {
+                "label": "warning",
+                "value": "warning"
+              },
+              {
+                "label": "notice",
+                "value": "notice"
+              }
+            ],
+            "options": [
+              {
+                "label": "success",
+                "value": "success"
+              },
+              {
+                "label": "warning",
+                "value": "warning"
+              },
+              {
+                "label": "notice",
+                "value": "notice"
+              }
+            ]
+          },
+          "initialValue": "success"
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "title",
+            "zh-CN": "title"
+          }
+        },
+        "name": "title",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": true,
+          "initialValue": ""
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "text",
+            "zh-CN": "text"
+          }
+        },
+        "name": "text",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": true,
+          "initialValue": ""
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "CheckDetail",
+    "screenshot": "",
+    "schema": {
+      "componentName": "CheckDetail",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...CheckDetailMeta,
+  snippets
+};

package/lowcode/material-check-res/meta.ts

@@ -0,0 +1,117 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const MaterialCheckResMeta: IPublicTypeComponentMetadata = {
+  "componentName": "MaterialCheckRes",
+  "title": "MaterialCheckRes",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "ydb-components-material",
+    "version": "0.1.11",
+    "exportName": "MaterialCheckRes",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "type",
+            "zh-CN": "类型"
+          },
+          "tip": "type | 类型"
+        },
+        "name": "type",
+        "description": "类型",
+        "setter": {
+          "componentName": "RadioGroupSetter",
+          "props": {
+            "dataSource": [
+              {
+                "label": "success",
+                "value": "success"
+              },
+              {
+                "label": "warning",
+                "value": "warning"
+              },
+              {
+                "label": "fail",
+                "value": "fail"
+              }
+            ],
+            "options": [
+              {
+                "label": "success",
+                "value": "success"
+              },
+              {
+                "label": "warning",
+                "value": "warning"
+              },
+              {
+                "label": "fail",
+                "value": "fail"
+              }
+            ]
+          },
+          "initialValue": "success"
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "number",
+            "zh-CN": "number"
+          }
+        },
+        "name": "number",
+        "setter": {
+          "componentName": "NumberSetter",
+          "isRequired": true,
+          "initialValue": 0
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "text",
+            "zh-CN": "text"
+          }
+        },
+        "name": "text",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": true,
+          "initialValue": ""
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "MaterialCheckRes",
+    "screenshot": "",
+    "schema": {
+      "componentName": "MaterialCheckRes",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...MaterialCheckResMeta,
+  snippets
+};

package/lowcode/success-prompt/meta.ts

@@ -0,0 +1,117 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const SuccessPromptMeta: IPublicTypeComponentMetadata = {
+  "componentName": "SuccessPrompt",
+  "title": "SuccessPrompt",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "ydb-components-material",
+    "version": "0.1.11",
+    "exportName": "SuccessPrompt",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "type",
+            "zh-CN": "类型"
+          },
+          "tip": "type | 类型"
+        },
+        "name": "type",
+        "description": "类型",
+        "setter": {
+          "componentName": "RadioGroupSetter",
+          "props": {
+            "dataSource": [
+              {
+                "label": "success",
+                "value": "success"
+              },
+              {
+                "label": "warning",
+                "value": "warning"
+              },
+              {
+                "label": "fail",
+                "value": "fail"
+              }
+            ],
+            "options": [
+              {
+                "label": "success",
+                "value": "success"
+              },
+              {
+                "label": "warning",
+                "value": "warning"
+              },
+              {
+                "label": "fail",
+                "value": "fail"
+              }
+            ]
+          },
+          "initialValue": "success"
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "number",
+            "zh-CN": "number"
+          }
+        },
+        "name": "number",
+        "setter": {
+          "componentName": "NumberSetter",
+          "isRequired": true,
+          "initialValue": 0
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "text",
+            "zh-CN": "text"
+          }
+        },
+        "name": "text",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": true,
+          "initialValue": ""
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "SuccessPrompt",
+    "screenshot": "",
+    "schema": {
+      "componentName": "SuccessPrompt",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...SuccessPromptMeta,
+  snippets
+};

package/lowcode_es/check-detail/meta.d.ts

@@ -0,0 +1,22 @@
+import { IPublicTypeSnippet } from '@alilc/lowcode-types';
+declare const _default: {
+    snippets: IPublicTypeSnippet[];
+    componentName: string;
+    uri?: string;
+    title?: import("@alilc/lowcode-types").IPublicTypeTitleContent;
+    icon?: import("@alilc/lowcode-types").IPublicTypeIconType;
+    tags?: string[];
+    description?: string;
+    docUrl?: string;
+    screenshot?: string;
+    devMode?: "proCode" | "lowCode";
+    npm?: import("@alilc/lowcode-types").IPublicTypeNpmInfo;
+    props?: import("@alilc/lowcode-types").IPublicTypePropConfig[];
+    configure?: import("@alilc/lowcode-types").IPublicTypeFieldConfig[] | import("@alilc/lowcode-types").IPublicTypeConfigure;
+    experimental?: import("@alilc/lowcode-types").IPublicTypeAdvanced;
+    schema?: import("@alilc/lowcode-types").IPublicTypeComponentSchema;
+    group?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    category?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    priority?: number;
+};
+export default _default;