cloud-business 0.1.131 → 0.1.132

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Shuyun FF2E
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,2 @@
+# cloud-business
+数云 react 业务组件

package/assets.json

@@ -0,0 +1,132 @@
+{
+  "name": " ",
+  "package": "cloud-react",
+  "logo": "https://brand-guide.shuyun.com/IAM/77c28a6547cd.png",
+  "assets": {
+    "atoms": [],
+    "examples": [
+      {
+        "type": "BLOCK",
+        "identifier": "basic-demo",
+        "dependencies": {
+          "react": {
+            "type": "NPM",
+            "value": "16.14.0"
+          },
+          "cloud-react": {
+            "type": "NPM",
+            "value": "0.0.98"
+          },
+          "index.jsx": {
+            "type": "FILE",
+            "value": "/**\n+  * title: cloud-bread-crumbs\n+  */\n\n\n\nimport React from 'react';\nimport { BreadCrumbs, Button } from 'cloud-react';\n\nexport default class BreadCrumbsDemo extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            size: 'default'\n        };\n    }\n\n    onChangeSize = size => {\n        this.setState({ size });\n    }\n\n    onClickBreadCrumbs = item => {\n        console.log(item);\n    };\n\n    getButtonType = size => {\n        return this.state.size === size ? 'primary' : 'normal';\n    }\n    render() {\n        const { size } = this.state;\n        const { onChangeSize, onClickBreadCrumbs, getButtonType } = this;\n        const list = [\n            {\n                key: 'home',\n                title: '首页'\n            },\n            {\n                key: 'bread-crumbs',\n                title: '面包屑'\n            },\n            {\n                key: 'a3',\n                title: '查看详情'\n            }\n        ];\n\n\t\treturn (\n\t\t\t<>\n                <div className=\"basic-action\">\n                    <Button type={getButtonType('large')} onClick={() => {onChangeSize('large')}}>large</Button>\n                    <Button type={getButtonType('default')} onClick={() => {onChangeSize('default')}}>default</Button>\n                    <Button type={getButtonType('small')} onClick={() => {onChangeSize('small')}}>small</Button>\n                    <Button type=\"link\" disabled>\n                        current: {size}\n                    </Button>\n                </div>\n                <div>\n                    <BreadCrumbs list={list} size={size} onClick={onClickBreadCrumbs.bind(this)}/>\n                </div>\n            </>\n\t\t);\n\t}\n}"
+          }
+        }
+      },
+      {
+        "type": "BLOCK",
+        "identifier": "basic-demo",
+        "dependencies": {
+          "react": {
+            "type": "NPM",
+            "value": "16.14.0"
+          },
+          "cloud-react": {
+            "type": "NPM",
+            "value": "0.0.98"
+          },
+          "index.jsx": {
+            "type": "FILE",
+            "value": "/**\n+  * title: cloud-bread-crumbs\n+  */\n\n\n\nimport React from 'react';\nimport { BreadCrumbs, Button } from 'cloud-react';\n\nexport default class BreadCrumbsDemo extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            size: 'default'\n        };\n    }\n\n    onChangeSize = size => {\n        this.setState({ size });\n    }\n\n    onClickBreadCrumbs = item => {\n        console.log(item);\n    };\n\n    getButtonType = size => {\n        return this.state.size === size ? 'primary' : 'normal';\n    }\n    render() {\n        const { size } = this.state;\n        const { onChangeSize, onClickBreadCrumbs, getButtonType } = this;\n        const list = [\n            {\n                key: 'home',\n                title: '首页'\n            },\n            {\n                key: 'bread-crumbs',\n                title: '面包屑'\n            },\n            {\n                key: 'a3',\n                title: '查看详情'\n            }\n        ];\n\n\t\treturn (\n\t\t\t<>\n                <div className=\"basic-action\">\n                    <Button type={getButtonType('large')} onClick={() => {onChangeSize('large')}}>large</Button>\n                    <Button type={getButtonType('default')} onClick={() => {onChangeSize('default')}}>default</Button>\n                    <Button type={getButtonType('small')} onClick={() => {onChangeSize('small')}}>small</Button>\n                    <Button type=\"link\" disabled>\n                        current: {size}\n                    </Button>\n                </div>\n                <div>\n                    <BreadCrumbs list={list} size={size} onClick={onClickBreadCrumbs.bind(this)}/>\n                </div>\n            </>\n\t\t);\n\t}\n}"
+          }
+        }
+      },
+      {
+        "type": "BLOCK",
+        "identifier": "basic-demo",
+        "dependencies": {
+          "react": {
+            "type": "NPM",
+            "value": "16.14.0"
+          },
+          "cloud-react": {
+            "type": "NPM",
+            "value": "0.0.98"
+          },
+          "index.jsx": {
+            "type": "FILE",
+            "value": "import React from 'react';\nimport { Button, InputNumber } from 'cloud-react';\n\nconst blank = '\\u00A0';\n\nexport default class ButtonDemo extends React.Component {\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div>\n\t\t\t\t\t<Button type=\"primary\">primary</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button type=\"normal\">normal</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button type=\"dashed\">dashed</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button type=\"link\">link</Button>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n}"
+          }
+        }
+      },
+      {
+        "type": "BLOCK",
+        "identifier": "block-demo",
+        "dependencies": {
+          "react": {
+            "type": "NPM",
+            "value": "16.14.0"
+          },
+          "cloud-react": {
+            "type": "NPM",
+            "value": "0.0.98"
+          },
+          "index.jsx": {
+            "type": "FILE",
+            "value": "import React from 'react';\nimport { Button } from 'cloud-react';\n\nconst blank = '\\u00A0';\n\nexport default class ButtonDemo extends React.Component {\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div>\n\t\t\t\t\t<Button block type=\"primary\">\n\t\t\t\t\t\tprimary\n\t\t\t\t\t</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button block type=\"normal\">\n\t\t\t\t\t\tnormal\n\t\t\t\t\t</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button block type=\"dashed\">\n\t\t\t\t\t\tdashed\n\t\t\t\t\t</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button block type=\"link\">\n\t\t\t\t\t\tlink\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n}"
+          }
+        }
+      },
+      {
+        "type": "BLOCK",
+        "identifier": "basic-demo",
+        "dependencies": {
+          "react": {
+            "type": "NPM",
+            "value": "16.14.0"
+          },
+          "cloud-react": {
+            "type": "NPM",
+            "value": "0.0.98"
+          },
+          "index.jsx": {
+            "type": "FILE",
+            "value": "import React from 'react';\nimport { Button, InputNumber } from 'cloud-react';\n\nconst blank = '\\u00A0';\n\nexport default class ButtonDemo extends React.Component {\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div>\n\t\t\t\t\t<Button type=\"primary\">primary</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button type=\"normal\">normal</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button type=\"dashed\">dashed</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button type=\"link\">link</Button>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n}"
+          }
+        }
+      },
+      {
+        "type": "BLOCK",
+        "identifier": "block-demo",
+        "dependencies": {
+          "react": {
+            "type": "NPM",
+            "value": "16.14.0"
+          },
+          "cloud-react": {
+            "type": "NPM",
+            "value": "0.0.98"
+          },
+          "index.jsx": {
+            "type": "FILE",
+            "value": "import React from 'react';\nimport { Button } from 'cloud-react';\n\nconst blank = '\\u00A0';\n\nexport default class ButtonDemo extends React.Component {\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div>\n\t\t\t\t\t<Button block type=\"primary\">\n\t\t\t\t\t\tprimary\n\t\t\t\t\t</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button block type=\"normal\">\n\t\t\t\t\t\tnormal\n\t\t\t\t\t</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button block type=\"dashed\">\n\t\t\t\t\t\tdashed\n\t\t\t\t\t</Button>\n\t\t\t\t\t{blank}\n\t\t\t\t\t<Button block type=\"link\">\n\t\t\t\t\t\tlink\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n}"
+          }
+        }
+      },
+      {
+        "type": "BLOCK",
+        "identifier": "form-demo",
+        "dependencies": {
+          "cloud-react": {
+            "type": "NPM",
+            "value": "0.0.98"
+          },
+          "index.jsx": {
+            "type": "FILE",
+            "value": "import { Form, Field, Input } from 'cloud-react';\n\n// 简单场景\nfunction FormA() {\n\tconst field = Field.useField();\n\n\treturn (\n\t\t<Form field={field}>\n\t\t\t<Form.Item>\n\t\t\t\t<Input\n\t\t\t\t\t{...field.init('name', {\n\t\t\t\t\t\trules: [{ required: true, message: '用户名必须填写' }]\n\t\t\t\t\t})}\n\t\t\t\t/>\n\t\t\t</Form.Item>\n\t\t</Form>\n\t);\n}\n\n// 复杂场景，需要使用Nexus组件\nfunction FormB() {\n\tB;\n\tconst field = Field.useField();\n\n\treturn (\n\t\t<Form field={field}>\n\t\t\t<Form.Item>\n\t\t\t\t<UseNexus field={field} />\n\t\t\t</Form.Item>\n\t\t</Form>\n\t);\n}\n\nfunction UseNexus() {\n\treturn (\n\t\t<Form.Nexus>\n\t\t\t<Input\n\t\t\t\t{...field.init('firstName', {\n\t\t\t\t\trules: [{ required: true, message: '名字必须填写' }]\n\t\t\t\t})}\n\t\t\t/>\n\n\t\t\t<Input\n\t\t\t\t{...field.init('lastName', {\n\t\t\t\t\trules: [{ required: true, message: '姓氏必须填写' }]\n\t\t\t\t})}\n\t\t\t/>\n\t\t</Form.Nexus>\n\t);\n}"
+          }
+        }
+      }
+    ]
+  }
+}

package/{cloud-business.css → dist/cloud-business.css}

@@ -4324,13 +4324,14 @@ body {
   font-size: 14px;
   color: rgba(0, 0, 0, 0.45);
   width: 100%;
+  margin-bottom: 16px;
 }
 .grid-area-new .customer-order-area-new .order-table-title .table-column1,
 .grid-area-new .customer-order-area-new .order-table-title .table-column2,
 .grid-area-new .customer-order-area-new .order-table-title .table-column5 {
   height: 44px;
   line-height: 20px;
-  padding: 12px 12px 12px 0;
+  padding: 12px 0;
   box-sizing: border-box;
   background: #FAFAFA;
   border-bottom: 1px solid #E8E8E8;
@@ -4342,18 +4343,28 @@ body {
 .grid-area-new .customer-order-area-new .order-table-body {
   width: 100%;
   display: flex;
+  gap: 16px;
   flex-direction: column;
-  height: calc(100% - 44px);
+  height: calc(100% - 60px);
   box-sizing: border-box;
   overflow-y: auto;
   overflow-x: hidden;
 }
+.grid-area-new .customer-order-area-new .order-table-body .order-total-amount {
+  height: 39px;
+  line-height: 39px;
+  background: #FAFAFA;
+  border-left: 1px solid #E8E8E8;
+  border-right: 1px solid #E8E8E8;
+  border-bottom: 1px solid #E8E8E8;
+  padding-left: 12px;
+}
 .grid-area-new .customer-order-area-new .order-table-body .order-temp-tip-width {
-  width: calc(100% - 60px);
+  width: -moz-fit-content;
+  width: fit-content;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-info {
   width: 100%;
-  margin-top: 13px;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title {
   width: 100%;
@@ -4365,6 +4376,29 @@ body {
   border-top: 1px solid #E8E8E8;
   border-left: 1px solid #E8E8E8;
   border-right: 1px solid #E8E8E8;
+  border-bottom: 1px solid #E8E8E8;
+  gap: 20px;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-no-shop {
+  background: white;
+  border-top: none;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-no-shop.order-title-has-children {
+  background: #FAFAFA;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-no-shop.order-title-has-children .order-special::after {
+  top: 30px;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-has-children {
+  background: #FAFAFA;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-has-children .order-special::before,
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-has-children .order-special::after {
+  display: block;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.hide-angle .order-special::before,
+.grid-area-new .customer-order-area-new .order-table-body .order-title.hide-angle .order-special::after {
+  display: none;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-shop,
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other,
@@ -4390,13 +4424,10 @@ body {
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-shop .customer-view-icon-svg {
   margin-right: 4px;
 }
-.grid-area-new .customer-order-area-new .order-table-body .order-title .order-other,
-.grid-area-new .customer-order-area-new .order-table-body .order-title .order-time {
-  margin-left: 30px;
-}
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other span:nth-child(1),
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-time span:nth-child(1) {
   color: rgba(0, 0, 0, 0.65);
+  white-space: nowrap;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other .copy-order-id,
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-time .copy-order-id {
@@ -4407,21 +4438,46 @@ body {
   width: 180px;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-special {
-  width: 330px !important;
+  position: relative;
+  max-width: 330px !important;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title .order-special::before {
+  display: none;
+  content: '';
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background: #FAFAFA;
+  left: 50px;
+  transform: rotate(45deg);
+  top: 23px;
+  border: 1px solid #E8E8E8;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title .order-special:after {
+  display: none;
+  content: '';
+  position: absolute;
+  width: 20px;
+  height: 10px;
+  background: #FAFAFA;
+  top: 29px;
+  left: 45px;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-common-width-0 {
-  width: calc((100% - 180px - 180px - 330px - 120px) / 2);
+  max-width: calc((100% - 180px - 180px - 330px - 120px) / 2);
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-common-width-1-1 {
-  width: calc((100% - 180px - 180px - 180px - 330px - 150px) / 2);
+  max-width: calc((100% - 180px - 180px - 180px - 330px - 150px - 20px * 5 + 200px) / 2);
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-common-width-1-2 {
-  width: calc((100% - 180px - 180px - 330px - 150px) / 3);
+  max-width: calc((100% - 180px - 180px - 330px - 150px - 20px * 5 + 200px) / 3);
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-common-width-2 {
-  width: calc((100% - 180px - 180px - 180px - 330px - 180px) / 3);
+  max-width: calc((100% - 180px - 180px - 180px - 330px - 180px - 20px * 5 + 300px) / 3);
 }
-.grid-area-new .customer-order-area-new .order-table-body .order-title .order-shop {
+.grid-area-new .customer-order-area-new .order-table-body .order-title .order-shop .order-shop-name {
+  width: calc(100% - 20px);
+  display: block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -4432,12 +4488,6 @@ body {
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other span {
   display: inline-block;
 }
-.grid-area-new .customer-order-area-new .order-table-body .order-title .order-other .copy-order-id {
-  width: calc(100% - 60px);
-}
-.grid-area-new .customer-order-area-new .order-table-body .order-title .order-other .order-other-status {
-  width: calc(100% - 70px);
-}
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other .copy-order-id,
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other .order-other-status {
   display: inline-block;
@@ -4544,7 +4594,7 @@ body {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
-  -webkit-line-clamp: 2;
+  -webkit-line-clamp: 3;
   overflow: hidden;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-content .product-name a:hover {
@@ -4603,17 +4653,14 @@ body {
 .grid-area-new .customer-order-area-new .order-table-body .order-content .order-content-4 p:nth-child(1) {
   color: #FD830A;
 }
-.grid-area-new .customer-order-area-new .order-extend-1 {
-  width: calc(100% + 14.5%) !important;
-}
 .grid-area-new .customer-order-area-new .order-extend-1 .table-column1 {
-  width: 28% !important;
+  width: 27.5% !important;
 }
 .grid-area-new .customer-order-area-new .order-extend-1 .table-column2 {
-  width: 12.6% !important;
+  width: 12.7% !important;
 }
 .grid-area-new .customer-order-area-new .order-extend-1 .table-column5 {
-  width: 21.6% !important;
+  width: 21.7% !important;
 }
 .grid-area-new .customer-order-area-new .order-extend-1 .order-content-1-1 {
   width: calc(100% - 21.6% - 12.6%) !important;
@@ -4627,9 +4674,6 @@ body {
 .grid-area-new .customer-order-area-new .order-extend-1 .order-content-4 {
   width: 21.6% !important;
 }
-.grid-area-new .customer-order-area-new .order-extend-2 {
-  width: calc(100% + 14.5% + 14.5%) !important;
-}
 .grid-area-new .customer-order-area-new .order-extend-2 .table-column1 {
   width: 24.9% !important;
 }
@@ -4651,14 +4695,11 @@ body {
 .grid-area-new .customer-order-area-new .order-extend-2 .order-content-4 {
   width: 19.1% !important;
 }
-.grid-area-new .customer-order-area-new .order-extend-3 {
-  width: calc(100% + 14.5% + 14.5% + 14.5%) !important;
-}
 .grid-area-new .customer-order-area-new .order-extend-3 .table-column1 {
-  width: 22.2% !important;
+  width: 21.6% !important;
 }
 .grid-area-new .customer-order-area-new .order-extend-3 .table-column2 {
-  width: 10.1% !important;
+  width: 10.2% !important;
 }
 .grid-area-new .customer-order-area-new .order-extend-3 .table-column5 {
   width: 17.2% !important;
@@ -6466,6 +6507,55 @@ body {
   flex: 1;
 }
 
+.customer-view-wechat-detail {
+  width: 256px;
+  height: 494px;
+  background-size: contain;
+  background-repeat: no-repeat;
+  padding: 76px 16px 43px;
+}
+.customer-view-wechat-detail .customer-view-wechat-preview {
+  height: auto;
+  overflow-y: auto;
+  padding: 12px 18px;
+  font-size: 12px;
+  line-height: 20px;
+  background: #fff;
+  border-radius: 4px;
+}
+.customer-view-wechat-detail .customer-view-wechat-preview .customer-view-wechat-preview-title {
+  display: flex;
+  justify-content: space-between;
+  font-size: 14px;
+  color: #3c3c3c;
+  font-weight: 500;
+}
+.customer-view-wechat-detail .customer-view-wechat-preview .customer-view-wechat-preview-fix-variate {
+  color: rgba(0, 0, 0, 0.45);
+  line-height: 20px;
+}
+.customer-view-wechat-detail .customer-view-wechat-preview .customer-view-wechat-preview-variate-item {
+  display: flex;
+  align-items: flex-start;
+  color: rgba(0, 0, 0, 0.85);
+}
+.customer-view-wechat-detail .customer-view-wechat-preview .customer-view-wechat-preview-variate-item .customer-view-wechat-preview-variate-value {
+  width: -moz-fit-content;
+  width: fit-content;
+  word-break: break-all;
+  white-space: break-spaces;
+}
+.customer-view-wechat-detail .customer-view-wechat-preview .customer-view-wechat-preview-start-words {
+  margin-bottom: 8px;
+}
+.customer-view-wechat-detail .customer-view-wechat-preview .customer-view-wechat-preview-detail {
+  display: flex;
+  justify-content: space-between;
+  padding-top: 10px;
+  border-top: 1px solid #e8e8e8;
+  margin-top: 8px;
+}
+
 .shop-form {
   display: flex;
   align-items: center;