@teamix/pro 1.0.22 → 1.1.0

package/lib/index.js

@@ -11,194 +11,221 @@ var _exportNames = {
   ProCard: true,
   ProField: true,
   ProForm: true,
+  hooks: true,
+  ProInfo: true,
+  ProLayout: true,
   ProPageContainer: true,
   ProPageHeader: true,
-  ProSkeleton: true,
   ProTable: true,
-  hooks: true,
+  ProSkeleton: true,
+  utils: true,
   nocode: true,
-  templates: true,
-  utils: true
+  templates: true
 };
 Object.defineProperty(exports, "ProAction", {
   enumerable: true,
   get: function get() {
-    return _proActions.default;
+    return _actions.default;
   }
 });
 Object.defineProperty(exports, "ProCard", {
   enumerable: true,
   get: function get() {
-    return _proCard.default;
+    return _card.default;
   }
 });
 Object.defineProperty(exports, "ProField", {
   enumerable: true,
   get: function get() {
-    return _proField.default;
+    return _field.default;
   }
 });
 Object.defineProperty(exports, "ProForm", {
   enumerable: true,
   get: function get() {
-    return _proForm.default;
+    return _form.default;
+  }
+});
+Object.defineProperty(exports, "ProInfo", {
+  enumerable: true,
+  get: function get() {
+    return _info.default;
+  }
+});
+Object.defineProperty(exports, "ProLayout", {
+  enumerable: true,
+  get: function get() {
+    return _layout.default;
   }
 });
 Object.defineProperty(exports, "ProPageContainer", {
   enumerable: true,
   get: function get() {
-    return _proPageContainer.default;
+    return _pageContainer.default;
   }
 });
 Object.defineProperty(exports, "ProPageHeader", {
   enumerable: true,
   get: function get() {
-    return _proPageHeader.default;
+    return _pageHeader.default;
   }
 });
 Object.defineProperty(exports, "ProSkeleton", {
   enumerable: true,
   get: function get() {
-    return _proSkeleton.default;
+    return _skeleton.default;
   }
 });
 Object.defineProperty(exports, "ProTable", {
   enumerable: true,
   get: function get() {
-    return _proTable.default;
+    return _table.default;
+  }
+});
+Object.defineProperty(exports, "hooks", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.default;
   }
 });
-exports.version = exports.utils = exports.templates = exports.nocode = exports.hooks = void 0;
+exports.templates = exports.nocode = void 0;
+Object.defineProperty(exports, "utils", {
+  enumerable: true,
+  get: function get() {
+    return _utils.default;
+  }
+});
+exports.version = void 0;
 
-var _proActions = _interopRequireWildcard(require("@teamix/pro-actions"));
+var _actions = _interopRequireWildcard(require("./actions"));
 
-Object.keys(_proActions).forEach(function (key) {
+Object.keys(_actions).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _proActions[key]) return;
+  if (key in exports && exports[key] === _actions[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _proActions[key];
+      return _actions[key];
     }
   });
 });
 
-var _proCard = _interopRequireWildcard(require("@teamix/pro-card"));
+var _card = _interopRequireWildcard(require("./card"));
 
-Object.keys(_proCard).forEach(function (key) {
+Object.keys(_card).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _proCard[key]) return;
+  if (key in exports && exports[key] === _card[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _proCard[key];
+      return _card[key];
     }
   });
 });
 
-var _proField = _interopRequireWildcard(require("@teamix/pro-field"));
+var _field = _interopRequireWildcard(require("./field"));
 
-Object.keys(_proField).forEach(function (key) {
+Object.keys(_field).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _proField[key]) return;
+  if (key in exports && exports[key] === _field[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _proField[key];
+      return _field[key];
     }
   });
 });
 
-var _proForm = _interopRequireWildcard(require("@teamix/pro-form"));
+var _form = _interopRequireWildcard(require("./form"));
 
-Object.keys(_proForm).forEach(function (key) {
+Object.keys(_form).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _proForm[key]) return;
+  if (key in exports && exports[key] === _form[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _proForm[key];
+      return _form[key];
     }
   });
 });
 
-var _proPageContainer = _interopRequireWildcard(require("@teamix/pro-page-container"));
+var _hooks = _interopRequireDefault(require("./hooks"));
+
+var _info = _interopRequireDefault(require("./info"));
 
-Object.keys(_proPageContainer).forEach(function (key) {
+var _layout = _interopRequireDefault(require("./layout"));
+
+var _pageContainer = _interopRequireWildcard(require("./page-container"));
+
+Object.keys(_pageContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _proPageContainer[key]) return;
+  if (key in exports && exports[key] === _pageContainer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _proPageContainer[key];
+      return _pageContainer[key];
     }
   });
 });
 
-var _proPageHeader = _interopRequireWildcard(require("@teamix/pro-page-header"));
+var _pageHeader = _interopRequireWildcard(require("./page-header"));
 
-Object.keys(_proPageHeader).forEach(function (key) {
+Object.keys(_pageHeader).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _proPageHeader[key]) return;
+  if (key in exports && exports[key] === _pageHeader[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _proPageHeader[key];
+      return _pageHeader[key];
     }
   });
 });
 
-var _proSkeleton = _interopRequireWildcard(require("@teamix/pro-skeleton"));
+var _table = _interopRequireWildcard(require("./table"));
 
-Object.keys(_proSkeleton).forEach(function (key) {
+Object.keys(_table).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _proSkeleton[key]) return;
+  if (key in exports && exports[key] === _table[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _proSkeleton[key];
+      return _table[key];
     }
   });
 });
 
-var _proTable = _interopRequireWildcard(require("@teamix/pro-table"));
+var _skeleton = _interopRequireWildcard(require("./skeleton"));
 
-Object.keys(_proTable).forEach(function (key) {
+Object.keys(_skeleton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _proTable[key]) return;
+  if (key in exports && exports[key] === _skeleton[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _proTable[key];
+      return _skeleton[key];
     }
   });
 });
 
-var _icon = _interopRequireDefault(require("@teamix/icon"));
-
-var hooks = _interopRequireWildcard(require("@teamix/hooks"));
+var _utils = _interopRequireDefault(require("./utils"));
 
-exports.hooks = hooks;
-
-var nocode = _interopRequireWildcard(require("@teamix/nocode"));
+var nocode = _interopRequireWildcard(require("./nocode"));
 
 exports.nocode = nocode;
 
-var templates = _interopRequireWildcard(require("@teamix/templates"));
+var templates = _interopRequireWildcard(require("./templates"));
 
 exports.templates = templates;
 
-var utils = _interopRequireWildcard(require("@teamix/utils"));
-
-exports.utils = utils;
+var _icon = _interopRequireDefault(require("@teamix/icon"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -207,7 +234,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 // 设置图标源
-_icon.default.setConfig(utils.getTeamixIconConfig());
+_icon.default.setConfig(_utils.default.getTeamixIconConfig());
 
-var version = '1.0.21';
+var version = '1.0.25';
 exports.version = version;

package/lib/info/components/FormItem/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IProFieldFormItem } from '../../typing';
+import './index.scss';
+declare const FormItem: React.FC<IProFieldFormItem>;
+export default FormItem;

package/lib/info/components/FormItem/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _components = require("@alicloudfe/components");
+
+var _ = require("../../..");
+
+var _utils = require("@teamix/utils");
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var cls = (0, _utils.baseClass)('teamix-pro-field-info-form-item');
+var Row = _components.Grid.Row,
+    Col = _components.Grid.Col;
+
+var FormItem = function FormItem(prop) {
+  var value = prop.value,
+      label = prop.label,
+      baseInfoLayout = prop.baseInfoLayout,
+      headerInfoLayout = prop.headerInfoLayout,
+      loading = prop.loading,
+      tooltip = prop.tooltip,
+      tooltipIcon = prop.tooltipIcon;
+
+  if (baseInfoLayout) {
+    var labelCol = baseInfoLayout.labelCol,
+        wrapperCol = baseInfoLayout.wrapperCol;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: cls()
+    }, /*#__PURE__*/_react.default.createElement(Row, null, /*#__PURE__*/_react.default.createElement(Col, {
+      span: labelCol.span,
+      className: cls('label')
+    }, /*#__PURE__*/_react.default.createElement(_utils.LabelIconTip, {
+      label: label,
+      tooltip: tooltip,
+      icon: tooltipIcon
+    })), /*#__PURE__*/_react.default.createElement(Col, {
+      span: wrapperCol.span,
+      className: cls('value')
+    }, loading && /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_.BaseSkeleton.Info, null)), !loading && /*#__PURE__*/_react.default.createElement("div", null, value))));
+  }
+
+  if (headerInfoLayout) {
+    var _headerInfoLayout$lab = headerInfoLayout.labelGutter,
+        labelGutter = _headerInfoLayout$lab === void 0 ? '16px' : _headerInfoLayout$lab;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: cls()
+    }, /*#__PURE__*/_react.default.createElement(Row, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: cls('header-label')
+    }, /*#__PURE__*/_react.default.createElement(_utils.LabelIconTip, {
+      label: label,
+      tooltip: tooltip,
+      icon: tooltipIcon
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: cls('header-value'),
+      style: {
+        marginLeft: labelGutter
+      }
+    }, loading && /*#__PURE__*/_react.default.createElement(_.BaseSkeleton.Info, null), !loading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value))));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+};
+
+var _default = FormItem;
+exports.default = _default;

package/lib/info/components/FormItem/index.scss

@@ -0,0 +1,49 @@
+$label-color: var(--color-text1-2, #5a5a5a);
+$label-size: var(--font-size-body-1, 12px);
+$label-weight: var(--font-weight-medium, 500);
+$text-color: var(--color-text1-3, #333333);
+$text-size: var(--font-size-body-1, 12px);
+// $text-weight: var(--font-weight-medium, 500);
+
+$header-label-color: var(--color-text1-2, #5a5a5a);
+$header-label-size: var(--font-size-body-1, 12px);
+// $header-label-weight: var(--font-weight-medium, 500);
+$header-text-color: var(--color-text1-3, #333333);
+$header-text-size: var(--font-size-body-1, 12px);
+// $header-text-weight: var(--font-weight-medium, 500);
+
+$item-padding-bottom: 8px;
+
+.teamix-pro-field-info-form-item {
+  width: 100%;
+  padding-bottom: $item-padding-bottom;
+}
+
+.teamix-pro-field-info-form-item-label {
+  color: $label-color;
+  font-size: $label-size;
+  // font-weight: $label-weight;
+  display: unset;
+}
+
+.teamix-pro-field-info-form-item-value {
+  color: $text-color;
+  font-size: $text-size;
+  display: unset;
+  width: 100%;
+}
+
+.teamix-pro-field-info-form-item-header-label {
+  color: $header-label-color;
+  font-size: $header-label-size;
+  // font-weight: $header-label-weight;
+  display: inline-block;
+  white-space:nowrap;
+}
+
+.teamix-pro-field-info-form-item-header-value {
+  color: $header-text-color;
+  font-size: $header-text-size;
+  display: inline-block;
+  width: 100%;
+}

package/lib/info/components/InfoGroup/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InfoGroupProps } from '../../typing';
+import './index.scss';
+declare const ProInfoGroup: React.FC<InfoGroupProps>;
+export default ProInfoGroup;

package/lib/info/components/InfoGroup/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var ProInfoGroup = function ProInfoGroup(props) {
+  var children = props.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "teamix-pro-info-group"
+  }, children === null || children === void 0 ? void 0 : children.map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "teamix-pro-info-group-item",
+      key: index
+    }, item);
+  }));
+};
+
+var _default = ProInfoGroup;
+exports.default = _default;

package/lib/info/components/InfoGroup/index.scss

@@ -0,0 +1,8 @@
+.teamix-pro-info-group {
+  &-item {
+    border-bottom: 1px solid var(--color-line1-1, #eaeaea);
+  }
+  .teamix-pro-info-group-item:last-child {
+    border-bottom: 0;
+  }
+}

package/lib/info/components/InfoValueItem/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.scss';
+import { InfoValueItemProps } from '../../typing';
+declare const InfoValueItem: React.FC<InfoValueItemProps>;
+export default InfoValueItem;