@chaoswise/business 0.0.8 → 0.0.10

package/lib/PropertyControlViewer/assets/index.less

@@ -1,94 +1,93 @@
-.ci-detail-user {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  // line-height: 28px;
+@uploda-card-width : 88px;
+@uploda-card-height : 88px;
 
-  .ci-detail-user-item {
+.form-properties-box {
+  .ci-detail-user {
+    width: 100%;
     display: flex;
-    // align-items: center;
+    flex-wrap: wrap;
+
+    .ci-detail-user-item {
+      display: flex;
+    }
+
+    .ci-detail-user-name {
+      width: calc(100% - 32px);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .ci-detail-avatar {
+      color: #fff;
+      background-color: #008dff;
+      margin-right: 8px;
+    }
+  }
+
+  .ci-detail-user-group {
+    width: 100%;
+
+    .user-group-item {
+      font-weight: 600;
+      background: #008dff;
+      color: #fff;
+      display: inline-block;
+      height: 25px;
+      padding: 0 5px;
+      border-radius: 10px;
+      margin-right: 5px;
+    }
   }
 
-  .ci-detail-user-name {
-    width: calc(100% - 32px);
+  .desBox {
+    width: 100%;
+    height: 100%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }
 
-  .ci-detail-avatar {
-    color: #fff;
-    background-color: #008dff;
-    margin-right: 8px;
-  }
-}
-
-.ci-detail-user-group {
-  width: 100%;
-
-  .user-group-item {
-    font-weight: 600;
-    background: #008dff;
-    color: #fff;
-    display: inline-block;
-    height: 25px;
-    padding: 0 5px;
-    // line-height: 25px;
-    border-radius: 10px;
-    margin-right: 5px;
+  .doTextArea {
+    width: 100%;
+    line-height: 20px;
+    min-height: 50;
   }
-}
-
-.desBox {
-  width: 100%;
-  height: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.doTextArea {
-  width: 100%;
-  line-height: 20px;
-  min-height: 50;
-}
 
-@uploda-card-width : 88px;
-@uploda-card-height : 88px;
 
-.ci-detail-image {
+  .ci-detail-image {
 
     .@{ant-prefix}-upload-list-item-uploading-text {
       text-align: center;
     }
 
     .@{ant-prefix}-upload.@{ant-prefix}-upload-select-picture-card {
-      width: @uploda-card-width !important;
-      height: @uploda-card-height !important;
+      width: @uploda-card-width  !important;
+      height: @uploda-card-height  !important;
     }
 
     .@{ant-prefix}-upload-list-picture-card .@{ant-prefix}-upload-list-item {
-      width: @uploda-card-width !important;
-      height: @uploda-card-height !important;
+      width: @uploda-card-width  !important;
+      height: @uploda-card-height  !important;
     }
 
     .@{ant-prefix}-upload-list-picture-card-container {
-      width: @uploda-card-width !important;
-      height: @uploda-card-height !important;
+      width: @uploda-card-width  !important;
+      height: @uploda-card-height  !important;
     }
 
     .@{ant-prefix}-upload-list {
       padding: 0 !important;
       background-color: #fff !important;
     }
-}
+  }
 
 
-.ci-detail-file {
+  .ci-detail-file {
 
-  .cw-upload-drag_ {
-    margin-top: 0 !important;
-  }
+    .cw-upload-drag_ {
+      margin-top: 0 !important;
+    }
 
     .@{ant-prefix}-upload-list {
       background-color: white;
@@ -99,9 +98,9 @@
       margin-top: 4px !important;
     }
 
-}
+  }
 
-.ci-detail-quote-card {
+  .ci-detail-quote-card {
 
     .@{ant-prefix}-card-body {
       padding: 3px;
@@ -120,70 +119,71 @@
       font-weight: normal;
     }
 
-  .ci-detail-quote-card-title {
-    width: 100%;
-    height: 28px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+    .ci-detail-quote-card-title {
+      width: 100%;
+      height: 28px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .ci-detail-quote-card-title-span {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      font-size: 12px;
+    }
+
+  }
+
+  .ci-detail-quote-list {
+    .@{ant-prefix}-list-item {
+      margin-bottom: 12px !important;
+    }
   }
 
-  .ci-detail-quote-card-title-span {
+  .ci-table-view {
+    width: 100%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-    font-size: 12px;
   }
 
-}
+  //u为范围-点阵图
+  .unit-bitmap-box {
 
-.ci-detail-quote-list {
-    .@{ant-prefix}-list-item {
-      margin-bottom: 12px !important;
+    .lattice {
+      cursor: pointer;
+      float: left;
+      display: block;
+      width: 26px;
+      height: 26px;
+      margin: 2px 4px 2px 0px;
+      padding: 0;
+      color: rgba(0, 0, 0, .65);
+      line-height: 26px;
+      text-align: center;
+      background: #E8E8E8;
+      border: 1px solid transparent;
+      border-radius: 2px;
+      -webkit-transition: background .3s ease;
+      transition: background .3s ease;
     }
-}
-
-.ci-table-view {
-  width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-//u为范围-点阵图
-.unit-bitmap-box {
-
-  .lattice {
-    cursor: pointer;
-    float: left;
-    display: block;
-    width: 26px;
-    height: 26px;
-    margin: 2px 4px 2px 0px;
-    padding: 0;
-    color: rgba(0, 0, 0, .65);
-    line-height: 26px;
-    text-align: center;
-    background: #E8E8E8;
-    border: 1px solid transparent;
-    border-radius: 2px;
-    -webkit-transition: background .3s ease;
-    transition: background .3s ease;
-  }
 
-  .locked_lattice {
-    color: rgba(0, 0, 0, .25);
-    background: #f5f5f5;
-    border: 1px solid transparent;
-    border-radius: 0;
-    cursor: not-allowed;
-  }
+    .locked_lattice {
+      color: rgba(0, 0, 0, .25);
+      background: #f5f5f5;
+      border: 1px solid transparent;
+      border-radius: 0;
+      cursor: not-allowed;
+    }
 
-  .usaged_lattice {
-    color: #fff;
-    background: #1890FF;
-    border: 1px solid transparent;
-    border-radius: 0;
-  }
+    .usaged_lattice {
+      color: #fff;
+      background: #1890FF;
+      border: 1px solid transparent;
+      border-radius: 0;
+    }
 
+  }
 }

package/lib/PropertyControlViewer/components/DoCiUnitBitmap.js

@@ -34,17 +34,16 @@ var DoUnitBitmap = function DoUnitBitmap(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: 'unit-bitmap-box'
   }, (list === null || list === void 0 ? void 0 : list.length) > 0 ? /*#__PURE__*/React.createElement(Fragment, null, list === null || list === void 0 ? void 0 : list.map(function (item) {
-    var _classnames, _classnames2;
     return /*#__PURE__*/React.createElement(Fragment, {
       key: item.index
     }, item.status == 2 ? /*#__PURE__*/React.createElement(_Popover, {
       content: content(item)
     }, /*#__PURE__*/React.createElement("div", {
       key: item.index,
-      className: classnames('lattice', (_classnames = {}, _defineProperty(_classnames, 'locked_lattice', item.status === 1), _defineProperty(_classnames, 'usaged_lattice', item.status === 2), _classnames))
+      className: classnames('lattice', _defineProperty(_defineProperty({}, 'locked_lattice', item.status === 1), 'usaged_lattice', item.status === 2))
     }, item.index)) : /*#__PURE__*/React.createElement("div", {
       key: item.index,
-      className: classnames('lattice', (_classnames2 = {}, _defineProperty(_classnames2, 'locked_lattice', item.status === 1), _defineProperty(_classnames2, 'usaged_lattice', item.status === 2), _classnames2))
+      className: classnames('lattice', _defineProperty(_defineProperty({}, 'locked_lattice', item.status === 1), 'usaged_lattice', item.status === 2))
     }, item.index));
   })) : '-');
 };

package/lib/PropertyControlViewer/components/DoCommon.js

@@ -1,5 +1,9 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _TooltipText from "@chaoswise/ui/lib/TooltipText";
 import _Typography from "@chaoswise/ui/lib/Antd/Typography";
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { Fragment } from "react";
 var Paragraph = _Typography.Paragraph;
 var DoCommon = function DoCommon(_ref) {
@@ -16,14 +20,14 @@ var DoCommon = function DoCommon(_ref) {
       key: index
     }, paragraphEllipsis ? /*#__PURE__*/React.createElement(Paragraph, {
       ellipsis: paragraphEllipsis,
-      style: {
+      style: _defineProperty({
         whiteSpace: 'initial'
-      }
-    }, item.value) : /*#__PURE__*/React.createElement("span", {
-      style: {
+      }, "whiteSpace", 'pre-line')
+    }, item.value || '-') : /*#__PURE__*/React.createElement("span", {
+      style: _defineProperty({
         whiteSpace: 'initial'
-      }
-    }, item.value));
+      }, "whiteSpace", 'pre-line')
+    }, item.value || '-'));
   })));
 };
 export default DoCommon;

package/lib/PropertyControlViewer/components/TagShowMoreList/index.less

@@ -1,104 +1,106 @@
-.wrapper {
-  height: 28px;
-  font-size: 12px;
-  display: flex;
-  align-items: center;
+.form-properties-box {
+  .wrapper {
+    height: 28px;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
 
-  .wrapper-inner {
-    float: left;
-    height: 20px;
-    line-height: 20px;
-    margin-right: 8px;
-    background: #fafafa;
-    border: 1px solid #d9d9d9;
-    border-radius: 2px;
-    cursor: pointer;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
+    .wrapper-inner {
+      float: left;
+      height: 20px;
+      line-height: 20px;
+      margin-right: 8px;
+      background: #fafafa;
+      border: 1px solid #d9d9d9;
+      border-radius: 2px;
+      cursor: pointer;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
 
-  .wrapper-inner:last-child {
-    margin-right: 0;
+    .wrapper-inner:last-child {
+      margin-right: 0;
+    }
+
+    .wrapper-inner-fixed {
+      float: left;
+      height: 20px;
+      line-height: 20px;
+      margin-right: 2px;
+      padding: 0px 6px;
+      background: #fafafa;
+      border: 1px solid #d9d9d9;
+      border-radius: 2px;
+      cursor: pointer;
+    }
+
+    &.edit-wrapper {
+      .wrapper-inner {
+        height: 28px;
+        line-height: 28px;
+      }
+
+      .wrapper-inner-fixed {
+        height: 28px;
+        line-height: 28px;
+      }
+    }
   }
 
-  .wrapper-inner-fixed {
-    float: left;
-    height: 20px;
-    line-height: 20px;
-    margin-right: 2px;
-    padding: 0px 6px;
-    background: #fafafa;
-    border: 1px solid #d9d9d9;
-    border-radius: 2px;
-    cursor: pointer;
+  .@{ant-prefix}-popover-inner-content:nth-child(4n) {
+    margin-right: 0px;
   }
 
-  &.edit-wrapper {
-    .wrapper-inner {
-      height: 28px;
-      line-height: 28px;
-    }
+  .inner {
+    max-width: 220px;
+    font-size: 12px;
 
-    .wrapper-inner-fixed {
+    .@{ant-prefix}-popover-inner-content {
+      // float: left;
+      // max-width: 85px;
       height: 28px;
       line-height: 28px;
+      background: #fafafa;
+      border: 1px solid #d9d9d9;
+      border-radius: 2px;
+      // padding: 0 6px;
+      margin-bottom: 2px;
+      cursor: pointer;
+      // overflow: hidden;
+      // text-overflow: ellipsis;
+      // white-space: nowrap;
     }
   }
-}
-
-.ant-popover-inner-content:nth-child(4n) {
-  margin-right: 0px;
-}
 
-.inner {
-  max-width: 220px;
-  font-size: 12px;
-
-  .ant-popover-inner-content {
-    // float: left;
-    // max-width: 85px;
-    height: 28px;
-    line-height: 28px;
-    background: #fafafa;
-    border: 1px solid #d9d9d9;
-    border-radius: 2px;
-    // padding: 0 6px;
-    margin-bottom: 2px;
-    cursor: pointer;
-    // overflow: hidden;
-    // text-overflow: ellipsis;
-    // white-space: nowrap;
+  .inner:after {
+    /*伪元素是行内元素 正常浏览器清除浮动方法*/
+    content: "";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
   }
-}
 
-.inner:after {
-  /*伪元素是行内元素 正常浏览器清除浮动方法*/
-  content: "";
-  display: block;
-  height: 0;
-  clear: both;
-  visibility: hidden;
-}
 
-
-.ellipsis-box {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+  .ellipsis-box {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 
 
-.tag-ci-detail-avatar {
-  color: #fff;
-  background-color: #008dff;
-  margin-right: 8px;
-  font-size: 10px !important;
-  margin-top: -2px;
-}
+  .tag-ci-detail-avatar {
+    color: #fff;
+    background-color: #008dff;
+    margin-right: 8px;
+    font-size: 10px !important;
+    margin-top: -2px;
+  }
 
   .tag-wrapper-inner {
     .@{ant-prefix}-popover-inner-content {
       padding: 8px !important;
     }
-  }
+  }
+}