fan-standard-comp 3.2.1 → 4.0.1

package/lib/FormComp/FieldComponent/setReadonlyValues.js

@@ -5,23 +5,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setUploaderValue = exports.setTimePickerValue = exports.setSelectValue = exports.setDatePickerValue = exports.setCascaderValue = void 0;
-require("antd/es/image/style");
-var _image = _interopRequireDefault(require("antd/es/image"));
 var _react = _interopRequireWildcard(require("react"));
 var _moment = _interopRequireDefault(require("moment"));
+var _antd = require("antd");
 var _util = require("../Uploader/util");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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; }
+var _UploaderStyle = _interopRequireDefault(require("./style/UploaderStyle"));
+var _classnames = _interopRequireDefault(require("classnames"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // 设置纯展示模式下的级联选择显示值
 
-var setCascaderValue = function setCascaderValue(value, props) {
+var setCascaderValue = exports.setCascaderValue = function setCascaderValue(value, props) {
   var selectOptions = props.selectOptions,
     defaultProps = props.defaultProps;
   if (!value || value.length === 0 || !selectOptions) return '-'; // 无值情况 下
@@ -53,8 +54,7 @@ var setCascaderValue = function setCascaderValue(value, props) {
   }).join('/');
 };
 // 设置纯展示模式下的下拉、单选、多选表单值
-exports.setCascaderValue = setCascaderValue;
-var setSelectValue = function setSelectValue(value, props) {
+var setSelectValue = exports.setSelectValue = function setSelectValue(value, props) {
   var selectOptions = props.selectOptions,
     selectOptionRender = props.selectOptionRender,
     defaultProps = props.defaultProps,
@@ -105,8 +105,7 @@ var setSelectValue = function setSelectValue(value, props) {
   }
 };
 // 设置纯展示模式下的日期控件值
-exports.setSelectValue = setSelectValue;
-var setDatePickerValue = function setDatePickerValue(value, props) {
+var setDatePickerValue = exports.setDatePickerValue = function setDatePickerValue(value, props) {
   var type = props.type,
     protoConfig = props.protoConfig;
   if (!value && value !== 0) return '-'; // 无值情况 下
@@ -134,8 +133,7 @@ var setDatePickerValue = function setDatePickerValue(value, props) {
 };
 
 // 设置纯展示模式下的时间控件值
-exports.setDatePickerValue = setDatePickerValue;
-var setTimePickerValue = function setTimePickerValue(value, props) {
+var setTimePickerValue = exports.setTimePickerValue = function setTimePickerValue(value, props) {
   var type = props.type,
     protoConfig = props.protoConfig;
   if (!value && value !== 0) return '-'; // 无值情况 下
@@ -152,8 +150,12 @@ var setTimePickerValue = function setTimePickerValue(value, props) {
   }
 };
 // 设置纯展示模式下上传控件显示值
-exports.setTimePickerValue = setTimePickerValue;
-var setUploaderValue = function setUploaderValue(value, props) {
+var setUploaderValue = exports.setUploaderValue = function setUploaderValue(value, props) {
+  var componentName = 'spec-uploader-viewonly';
+  var _useUploaderStyle = (0, _UploaderStyle.default)(componentName),
+    _useUploaderStyle2 = _slicedToArray(_useUploaderStyle, 2),
+    wrapSSR = _useUploaderStyle2[0],
+    hashId = _useUploaderStyle2[1];
   if (!value && value !== 0) return '-'; // 无值情况 下
   if (Array.isArray(value)) {
     var _useState = (0, _react.useState)(),
@@ -163,7 +165,7 @@ var setUploaderValue = function setUploaderValue(value, props) {
     (0, _react.useEffect)(function () {
       var previewsUlr = [];
       value.forEach(function (vItem) {
-        if (vItem === null || vItem === void 0 ? void 0 : vItem.downloadUrl) {
+        if (vItem !== null && vItem !== void 0 && vItem.downloadUrl) {
           previewsUlr.push({
             url: vItem.downloadUrl
           });
@@ -171,7 +173,7 @@ var setUploaderValue = function setUploaderValue(value, props) {
             return pItem;
           }));
         } else {
-          if (vItem === null || vItem === void 0 ? void 0 : vItem.originFileObj) (0, _util.getBase64)(vItem.originFileObj).then(function (result) {
+          if (vItem !== null && vItem !== void 0 && vItem.originFileObj) (0, _util.getBase64)(vItem.originFileObj).then(function (result) {
             previewsUlr.push(result);
             setPreviews(previewsUlr.filter(function (pItem) {
               return pItem;
@@ -181,10 +183,10 @@ var setUploaderValue = function setUploaderValue(value, props) {
         }
       });
     }, [value]);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: 'spec-uploader-viewonly'
-    }, /*#__PURE__*/_react.default.createElement(_image.default.PreviewGroup, null, previews && (previews === null || previews === void 0 ? void 0 : previews.map(function (item, index) {
-      return (item === null || item === void 0 ? void 0 : item.url) ? /*#__PURE__*/_react.default.createElement(_image.default, {
+    return wrapSSR( /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('spec-uploader-viewonly', hashId)
+    }, /*#__PURE__*/_react.default.createElement(_antd.Image.PreviewGroup, null, previews && (previews === null || previews === void 0 ? void 0 : previews.map(function (item, index) {
+      return item !== null && item !== void 0 && item.url ? /*#__PURE__*/_react.default.createElement(_antd.Image, {
         key: index,
         width: 100,
         height: 100,
@@ -196,7 +198,7 @@ var setUploaderValue = function setUploaderValue(value, props) {
         key: index,
         className: "spec-uploader-viewonly-item"
       }, "\u6682\u65E0\u56FE\u7247");
-    }))));
+    })))));
   } else {
     var _useState3 = (0, _react.useState)(),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -207,15 +209,14 @@ var setUploaderValue = function setUploaderValue(value, props) {
         setPreview(result);
       });
     }, [value]);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "spec-uploader-viewonly"
-    }, preview ? /*#__PURE__*/_react.default.createElement(_image.default, {
+    return wrapSSR( /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('spec-uploader-viewonly', hashId)
+    }, preview ? /*#__PURE__*/_react.default.createElement(_antd.Image, {
       style: {
         objectFit: 'contain'
       },
       width: 100,
       src: preview === null || preview === void 0 ? void 0 : preview.url
-    }) : '暂无图片');
+    }) : '暂无图片'));
   }
-};
-exports.setUploaderValue = setUploaderValue;
+};

package/lib/FormComp/FieldComponent/style/TreeSelect.d.ts

@@ -0,0 +1,6 @@
+import { GlobalToken } from "antd";
+export interface RefactorTreeSelectTokenType extends GlobalToken {
+    [k: string]: any;
+}
+declare const RefactorTreeSelectStyleFunc: (prefix: string) => any;
+export default RefactorTreeSelectStyleFunc;

package/lib/FormComp/FieldComponent/style/TreeSelect.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _genStyleHook = require("../../../theme/utils/genStyleHook");
+var _tinycolor = require("@ctrl/tinycolor");
+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); }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var RefactorTreeSelectStyleFunc = function RefactorTreeSelectStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      // fontWeight: 400,
+    };
+  };
+  return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
+    var prefixCls = ".".concat(prefix);
+    return [_defineProperty(_defineProperty({}, prefixCls, {
+      '&.refactor-disabled .refactor-tree-select-extra ': {
+        color: token.colorTextDisabled,
+        background: token.colorBgContainerDisabled
+      },
+      '.refactor-tree-select-extra': {
+        background: token.colorBgContainer,
+        height: token.controlHeight
+      }
+    }), '.tree-select-viewonly-list', {
+      border: "1px solid ".concat(new _tinycolor.TinyColor(token.colorSplit).setAlpha(0.6).toRgbString()),
+      borderRadius: token.borderRadisuSM,
+      padding: "".concat(token.paddingXS, "px ").concat(token.paddingSM, "px"),
+      '& .toggle-icon': {
+        fontSize: token.fontSizeSM,
+        color: token.colorTextSecondary,
+        // backgroundImage: `-webkit-gradient(linear, left top, left bottom, from(fade(@component-background, 0)), to(@component-background))`,
+        // backgroundImage: `-webkit-linear-gradient(top, fade(@component-background, 0), @component-background)`,
+        backgroundImage: "linear-gradient(-180deg, ".concat(new _tinycolor.TinyColor(token.colorBgContainer).setAlpha(0.).toRgbString(), ", ").concat(token.colorBgContainer, ")"),
+        '&:hover': {
+          color: token.colorPrimary
+        }
+      }
+    })];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+var _default = exports.default = RefactorTreeSelectStyleFunc;

package/lib/FormComp/FieldComponent/style/UploaderStyle.d.ts

@@ -0,0 +1,6 @@
+import { GlobalToken } from "antd";
+export interface RefactorTreeSelectTokenType extends GlobalToken {
+    [k: string]: any;
+}
+declare const RefactorTreeSelectStyleFunc: (prefix: string) => any;
+export default RefactorTreeSelectStyleFunc;

package/lib/FormComp/FieldComponent/style/UploaderStyle.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _genStyleHook = require("../../../theme/utils/genStyleHook");
+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); }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var RefactorTreeSelectStyleFunc = function RefactorTreeSelectStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      // fontWeight: 400,
+    };
+  };
+  return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
+    var prefixCls = ".".concat(prefix);
+    return [_defineProperty({}, prefixCls, {
+      '.spec-uploader-viewonly-item': {
+        padding: token.paddingXS,
+        marginRight: token.marginXS,
+        border: "1px solid ".concat(token.colorBorder),
+        borderRadius: token.borderRadiusSM
+      }
+    })];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+var _default = exports.default = RefactorTreeSelectStyleFunc;

package/lib/FormComp/FieldComponent/style/index.less

@@ -1,8 +1,13 @@
-@root-entry-name: default;
-@import (reference) '~antd/es/style/themes/index';
+//@root-entry-name: default;
+//@import (reference) '~antd/es/style/themes/index';
 
 .refactor-tree-select {
   position: relative;
+  width: 100%;
+  & * {
+    box-sizing: border-box;
+  }
+
   &.refactor-tree-select-sm {
     .refactor-tree-select-extra {
       height: 22px;
@@ -26,17 +31,17 @@
     //}
   }
   &.refactor-disabled .refactor-tree-select-extra {
-    background: @disabled-bg;
-    color: @disabled-color;
+    //background: @disabled-bg;
+    //color: @disabled-color;
   }
   .refactor-tree-select-extra {
     width: 100%;
-    background: @component-background;
+    //background: @component-background;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
-    height: @input-height-base;
+    //height: @input-height-base;
     z-index: 1;
     padding: 1px 22px 1px 8px;
     line-height: 30px;
@@ -45,7 +50,7 @@
     white-space: nowrap;
   }
 }
-
+//
 .spec-uploader-viewonly {
   display: inline-block;
   width: 100%;
@@ -58,11 +63,11 @@
     float: left;
     width: 100px;
     height: 100px;
-    padding: @padding-xs;
-    margin-right: @padding-xs;
-    margin-bottom: @padding-xs;
-    border: 1px solid @border-color-base;
-    border-radius: @border-radius-sm;
+    //padding: @padding-xs;
+    //margin-right: @padding-xs;
+    //margin-bottom: @padding-xs;
+    //border: 1px solid @border-color-base;
+    //border-radius: @border-radius-sm;
     line-height: 88px;
     text-align: center;
     background: transparent;
@@ -80,9 +85,9 @@
 .tree-select-viewonly-list {
   position: relative;
   width: 100%;
-  border: 1px solid fade(@border-color-split, 60%);
-  border-radius: @border-radius-sm;
-  padding: @padding-xs @padding-sm;
+  //border: 1px solid fade(@border-color-split, 60%);
+  //border-radius: @border-radius-sm;
+  //padding: @padding-xs @padding-sm;
   &.collapsed {
     padding-bottom: 28px;
   }
@@ -97,15 +102,15 @@
     height: 28px;
     line-height: 28px;
     text-align: center;
-    font-size: @font-size-sm;
+    //font-size: @font-size-sm;
     cursor: pointer;
-    color: @text-color-secondary;
+    //color: @text-color-secondary;
     //color:  color(~`colorPalette('@{text-color-secondary}', 3) `);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(fade(@component-background, 0)), to(@component-background));
-    background-image: -webkit-linear-gradient(top, fade(@component-background, 0), @component-background);
-    background-image: linear-gradient(-180deg, fade(@component-background, 0), @component-background);
+    //background-image: -webkit-gradient(linear, left top, left bottom, from(fade(@component-background, 0)), to(@component-background));
+    //background-image: -webkit-linear-gradient(top, fade(@component-background, 0), @component-background);
+    //background-image: linear-gradient(-180deg, fade(@component-background, 0), @component-background);
     &:hover {
-      color: @primary-color;
+      //color: @primary-color;
     }
   }
 }

package/lib/FormComp/RenderItemGroup/index.d.ts

@@ -14,6 +14,7 @@ export interface FieldsItemProps extends FieldComponentProps {
     fieldOptions?: any;
     size?: 'large' | 'middle' | 'small' | string;
     componentStyle?: React.CSSProperties;
+    [k: string]: any;
 }
 interface layoutProps {
     labelCol?: any;
@@ -32,6 +33,9 @@ interface ItemGroupProps {
     form?: any;
     layout?: string;
     doUpdateFormFields?: () => void;
+    className?: string;
+    columnCount?: 1 | 2 | 3 | 4;
+    [k: string]: any;
 }
 declare const RenderItemGroup: (props: ItemGroupProps) => any;
 export default RenderItemGroup;