easy3wui 1.5.77 → 1.5.78-beta.1

package/README.md

@@ -6,4 +6,13 @@ npm run compile
 npm publish
 
 react-data-grid使用6.0.1版本对应的react@16
-7版本未形成稳定版本，暂时使用6.0.1版本；对应的react@18+版本
+7版本未形成稳定版本，暂时使用6.0.1版本；对应的react@18+版本
+https://www.npmjs.com/
+登录npm
+在终端输入npm login ,在登录前一定要将npm源设置为官方源
+// 官方镜像源
+npm config set registry https://registry.npmjs.org/
+// 淘宝镜像源
+npm config set registry https://registry.npmmirror.com/
+检查当前npm源：
+npm config get registry

package/assets/card.css

@@ -32,3 +32,17 @@ s {
   margin: 0 8px -4px 0;
   background-color: #ad7c59;
 }
+@media (max-width: 768px) {
+  :global .positionDiv {
+    display: none !important;
+  }
+  :global .ant-card-head-title {
+    padding: 12px 0 !important;
+  }
+  :global .ant-card-head {
+    padding: 0 12px !important;
+  }
+  :global .ant-card-body {
+    padding: 12px !important;
+  }
+}

package/assets/formPage.css

@@ -138,3 +138,84 @@ input.ant-input-number-input {
   float: right;
   white-space: nowrap;
 }
+@media (max-width: 768px) and (orientation: portrait) {
+  :global .ant-form-item-label::after {
+    content: "：";
+    color: rgba(0, 0, 0, 0.75);
+  }
+}
+@media (max-width: 768px) and (orientation: landscape) {
+  :global .ant-form-item-label::after {
+    content: "";
+  }
+}
+@media (max-width: 768px) {
+  :global .ant-form-item-label {
+    padding: 0;
+    height: auto;
+    line-height: 30px;
+    text-align: right;
+    white-space: wrap;
+    overflow: visible;
+  }
+  :global .ant-form-item-label .ant-badge {
+    display: none;
+  }
+  :global .ant-form-item-label label {
+    display: inline-block;
+    width: 80%;
+  }
+  :global .ant-form-item-control {
+    line-height: 30px;
+    white-space: wrap;
+    color: black;
+  }
+  :global .ant-form-item-label,
+  :global .ant-form-item-control-wrapper {
+    width: unset;
+  }
+  :global .ant-col-6 {
+    width: 25% !important;
+  }
+  :global .ant-col-12 {
+    width: 50% !important;
+  }
+  :global .ant-col-18 {
+    width: 75% !important;
+  }
+  :global .ant-form-item {
+    font-size: 12px !important;
+    margin-bottom: 8px !important;
+  }
+  :global .ant-radio-wrapper {
+    font-size: 12px !important;
+  }
+  :global .ant-checkbox-wrapper {
+    font-size: 12px !important;
+  }
+  :global .ant-input {
+    font-size: 12px !important;
+  }
+  :global .ant-input[disabled] {
+    background-color: #fcfcfc !important;
+  }
+  :global .ant-table-body {
+    font-size: 12px !important;
+  }
+  :global .adm-collapse-panel-content {
+    padding: 0 12px;
+  }
+  :global .adm-list-item-content-main {
+    width: 100%;
+  }
+  :global .adm-form-item-horizontal .adm-list-item-content-main {
+    text-align: right;
+  }
+  :global .ant-form-item-label > label {
+    color: rgba(0, 0, 0, 0.75);
+  }
+  :global .adm-text-area-element,
+  :global .adm-text-area-count {
+    font-size: var(--adm-font-size-6);
+  }
+}

package/assets/gridPage.css

@@ -90,3 +90,9 @@
 .onRow tr:hover {
   cursor: pointer;
 }
+@media (max-width: 768px) {
+  .gridBox td a:not([href]) {
+    pointer-events: none;
+    color: #000000;
+  }
+}

package/assets/index.css

@@ -95,6 +95,20 @@ s {
   margin: 0 8px -4px 0;
   background-color: #ad7c59;
 }
+@media (max-width: 768px) {
+  :global .positionDiv {
+    display: none !important;
+  }
+  :global .ant-card-head-title {
+    padding: 12px 0 !important;
+  }
+  :global .ant-card-head {
+    padding: 0 12px !important;
+  }
+  :global .ant-card-body {
+    padding: 12px !important;
+  }
+}
 .e3wGlobalFooterDiv {
   padding: 0 16px;
   margin: 24px 0 24px 0;
@@ -2386,6 +2400,12 @@ s {
 .onRow tr:hover {
   cursor: pointer;
 }
+@media (max-width: 768px) {
+  .gridBox td a:not([href]) {
+    pointer-events: none;
+    color: #000000;
+  }
+}
 .ant-upload-list-item {
   width: auto;
 }
@@ -2526,6 +2546,87 @@ input.ant-input-number-input {
   float: right;
   white-space: nowrap;
 }
+@media (max-width: 768px) and (orientation: portrait) {
+  :global .ant-form-item-label::after {
+    content: "：";
+    color: rgba(0, 0, 0, 0.75);
+  }
+}
+@media (max-width: 768px) and (orientation: landscape) {
+  :global .ant-form-item-label::after {
+    content: "";
+  }
+}
+@media (max-width: 768px) {
+  :global .ant-form-item-label {
+    padding: 0;
+    height: auto;
+    line-height: 30px;
+    text-align: right;
+    white-space: wrap;
+    overflow: visible;
+  }
+  :global .ant-form-item-label .ant-badge {
+    display: none;
+  }
+  :global .ant-form-item-label label {
+    display: inline-block;
+    width: 80%;
+  }
+  :global .ant-form-item-control {
+    line-height: 30px;
+    white-space: wrap;
+    color: black;
+  }
+  :global .ant-form-item-label,
+  :global .ant-form-item-control-wrapper {
+    width: unset;
+  }
+  :global .ant-col-6 {
+    width: 25% !important;
+  }
+  :global .ant-col-12 {
+    width: 50% !important;
+  }
+  :global .ant-col-18 {
+    width: 75% !important;
+  }
+  :global .ant-form-item {
+    font-size: 12px !important;
+    margin-bottom: 8px !important;
+  }
+  :global .ant-radio-wrapper {
+    font-size: 12px !important;
+  }
+  :global .ant-checkbox-wrapper {
+    font-size: 12px !important;
+  }
+  :global .ant-input {
+    font-size: 12px !important;
+  }
+  :global .ant-input[disabled] {
+    background-color: #fcfcfc !important;
+  }
+  :global .ant-table-body {
+    font-size: 12px !important;
+  }
+  :global .adm-collapse-panel-content {
+    padding: 0 12px;
+  }
+  :global .adm-list-item-content-main {
+    width: 100%;
+  }
+  :global .adm-form-item-horizontal .adm-list-item-content-main {
+    text-align: right;
+  }
+  :global .ant-form-item-label > label {
+    color: rgba(0, 0, 0, 0.75);
+  }
+  :global .adm-text-area-element,
+  :global .adm-text-area-count {
+    font-size: var(--adm-font-size-6);
+  }
+}
 .e3wFootBtn {
   margin: 0px 8px;
 }

package/lib/Easy3wCard/index.js

@@ -2,74 +2,23 @@
 
 exports.__esModule = true;
 
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+var _indexM = require('./indexM');
 
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+var _indexM2 = _interopRequireDefault(_indexM);
 
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+var _indexPC = require('./indexPC');
 
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _card = require('antd/lib/card');
-
-var _card2 = _interopRequireDefault(_card);
-
-require('antd/lib/card/style');
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _comonConfig = require('comonConfigPath/comonConfig');
+var _indexPC2 = _interopRequireDefault(_indexPC);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var _ref = _comonConfig.objEasy3wUIConfig || {},
-    objEasy3wCard = _ref.objEasy3wCard;
-
-var _ref2 = objEasy3wCard || {},
-    size = _ref2.size;
-
-var Easy3wCard = function (_Component) {
-  (0, _inherits3['default'])(Easy3wCard, _Component);
-
-  function Easy3wCard() {
-    (0, _classCallCheck3['default'])(this, Easy3wCard);
-    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
-  }
-
-  Easy3wCard.prototype.render = function render() {
-    var _props = this.props,
-        label = _props.label,
-        children = _props.children;
-
-    return _react2['default'].createElement(
-      _card2['default'],
-      {
-        title: label ? _react2['default'].createElement(
-          'span',
-          { className: (0, _classnames2['default'])(['e3wCardSpanCardTitle']) },
-          _react2['default'].createElement('s', null),
-          label
-        ) : '',
-        bordered: false,
-        className: (0, _classnames2['default'])(['e3wCardForm']),
-        size: size || 'default'
-      },
-      children
-    );
-  };
-
-  return Easy3wCard;
-}(_react.Component);
+var isMobile = window.matchMedia('(max-width: 768px)').matches;
+var Easy3wCard = void 0;
+if (isMobile) {
+  Easy3wCard = _indexPC2['default'];
+} else {
+  Easy3wCard = _indexM2['default'];
+}
 
 exports['default'] = Easy3wCard;
 module.exports = exports['default'];

package/lib/Easy3wCard/indexM.js

@@ -0,0 +1,80 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _card = require('antd/lib/card');
+
+var _card2 = _interopRequireDefault(_card);
+
+require('antd/lib/card/style');
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _comonConfig = require('comonConfigPath/comonConfig');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _ref = _comonConfig.objEasy3wUIConfig || {},
+    objEasy3wCard = _ref.objEasy3wCard;
+
+var _ref2 = objEasy3wCard || {},
+    size = _ref2.size;
+
+var Easy3wCardM = function (_Component) {
+  (0, _inherits3['default'])(Easy3wCardM, _Component);
+
+  function Easy3wCardM() {
+    (0, _classCallCheck3['default'])(this, Easy3wCardM);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wCardM.prototype.render = function render() {
+    var _props = this.props,
+        label = _props.label,
+        children = _props.children,
+        mobileShowFlag = _props.mobileShowFlag;
+
+    return _react2['default'].createElement(
+      _react2['default'].Fragment,
+      null,
+      mobileShowFlag === false ? '' : _react2['default'].createElement(
+        _card2['default'],
+        {
+          title: label ? _react2['default'].createElement(
+            'span',
+            { className: (0, _classnames2['default'])(['e3wCardSpanCardTitle']) },
+            _react2['default'].createElement('s', null),
+            label
+          ) : '',
+          bordered: false,
+          className: (0, _classnames2['default'])(['e3wCardForm']),
+          size: size || 'default'
+        },
+        children
+      )
+    );
+  };
+
+  return Easy3wCardM;
+}(_react.Component);
+
+exports['default'] = Easy3wCardM;
+module.exports = exports['default'];

package/lib/Easy3wCard/indexPC.js

@@ -0,0 +1,75 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _card = require('antd/lib/card');
+
+var _card2 = _interopRequireDefault(_card);
+
+require('antd/lib/card/style');
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _comonConfig = require('comonConfigPath/comonConfig');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _ref = _comonConfig.objEasy3wUIConfig || {},
+    objEasy3wCard = _ref.objEasy3wCard;
+
+var _ref2 = objEasy3wCard || {},
+    size = _ref2.size;
+
+var Easy3wCardPC = function (_Component) {
+  (0, _inherits3['default'])(Easy3wCardPC, _Component);
+
+  function Easy3wCardPC() {
+    (0, _classCallCheck3['default'])(this, Easy3wCardPC);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wCardPC.prototype.render = function render() {
+    var _props = this.props,
+        label = _props.label,
+        children = _props.children;
+
+    return _react2['default'].createElement(
+      _card2['default'],
+      {
+        title: label ? _react2['default'].createElement(
+          'span',
+          { className: (0, _classnames2['default'])(['e3wCardSpanCardTitle']) },
+          _react2['default'].createElement('s', null),
+          label
+        ) : '',
+        bordered: false,
+        className: (0, _classnames2['default'])(['e3wCardForm']),
+        size: size || 'default'
+      },
+      children
+    );
+  };
+
+  return Easy3wCardPC;
+}(_react.Component);
+
+exports['default'] = Easy3wCardPC;
+module.exports = exports['default'];