@teamix/pro 1.1.3 → 1.1.7

package/lib/form/ProForm/index.scss

@@ -0,0 +1,254 @@
+@import '~@alifd/next/lib/core/index-noreset.scss';
+
+$form-item-cls: #{$css-prefix}formily-item;
+
+// FormItem 样式重写
+.#{$form-item-cls} {
+  // 标签加粗 主题颜色
+  .#{$form-item-cls}-label label {
+    color: var(--form-label-color, #333333);
+    font-weight: $font-weight-medium;
+  }
+
+  // 溢出label样式
+  .#{$form-item-cls}-label-tooltip {
+    label {
+      border: 0;
+    }
+    * {
+      cursor: default;
+    }
+  }
+
+  // 不撑满
+  > .#{$form-item-cls}-control {
+    > .#{$form-item-cls}-control-content {
+      > .#{$form-item-cls}-control-content-component {
+        width: auto;
+      }
+    }
+  }
+
+  // 行高 todo 根据size配置
+  > .#{$form-item-cls}-control {
+    > .#{$form-item-cls}-control-content {
+      > .#{$form-item-cls}-control-content-component {
+        line-height: initial;
+        > .teamix-pro-field-checkbox,
+        .teamix-pro-field-radio,
+        .teamix-pro-field-switch,
+        .teamix-pro-field-colorradio,
+        .#{$css-prefix}btn-text {
+          line-height: var(--form-element-medium-height, 32px);
+        }
+        > .#{$css-prefix}btn-text {
+          width: auto;
+        }
+      }
+    }
+  }
+
+  // 预览态行高
+  .#{$css-prefix}form-preview {
+    line-height: var(--form-element-medium-height, 32px);
+  }
+
+  // 星号重写
+  .#{$form-item-cls}-asterisk {
+    display: none;
+  }
+  .#{$form-item-cls}-asterisk-pro::after {
+    margin-left: 4px;
+    font-family: Verdana;
+    content: '*';
+    color: var(--color-error-5, #e84738);
+    position: relative;
+    top: 2px;
+  }
+  .#{$form-item-cls}-help {
+    margin-top: 2px;
+    line-height: 18px;
+  }
+  .#{$form-item-cls}-extra {
+    margin: 2px 0;
+    line-height: 18px;
+  }
+  .#{$form-item-cls}-colon {
+    margin-left: 4px;
+    margin-right: 12px;
+  }
+
+  // info图标颜色
+  .#{$form-item-cls}-label-tooltip-icon {
+    color: var(--color-text1-8, #848484);
+    &:hover {
+      color: var(--color-text1-2, #5a5a5a);
+    }
+  }
+
+  // 帮助和反馈颜色
+  .#{$form-item-cls}-help,
+  .#{$form-item-cls}-extra {
+    color: var(--color-text1-8, #848484);
+  }
+
+  // 前缀 后缀
+  .#{$form-item-cls}-control {
+    .#{$form-item-cls}-control-content {
+      .#{$form-item-cls}-addon-before {
+        margin-right: 16px;
+        color: var(--color-text1-8, #848484);
+      }
+      .#{$form-item-cls}-addon-after {
+        margin-left: 16px;
+        color: var(--color-text1-8, #848484);
+      }
+    }
+  }
+}
+
+// 撑满模式
+.#{$form-item-cls}-fullness {
+  > .#{$form-item-cls}-control {
+    > .#{$form-item-cls}-control-content {
+      > .#{$form-item-cls}-control-content-component {
+        width: 100%;
+        > *:first-child {
+          width: 100%;
+        }
+      }
+    }
+  }
+}
+
+// 内嵌模式
+$inset-font-weight-medium: calc(
+  var(--form-element-medium-height, 32px) - var(--input-border-width, 1px) * 2
+);
+// 内嵌模式 - 行高
+.#{$form-item-cls}-inset {
+  line-height: $inset-font-weight-medium;
+  .#{$form-item-cls}-label-content {
+    min-height: $inset-font-weight-medium;
+  }
+  .#{$form-item-cls}-control {
+    .#{$form-item-cls}-control-content {
+      .#{$form-item-cls}-control-content-component {
+        min-height: $inset-font-weight-medium;
+        .#{$css-prefix}input.#{$css-prefix}medium,
+        .#{$css-prefix}date-picker2-input.#{$css-prefix}date-picker2-input-medium {
+          height: $inset-font-weight-medium;
+          line-height: $inset-font-weight-medium;
+        }
+      }
+    }
+  }
+}
+// 内嵌模式 - 基础
+.#{$form-item-cls}-inset {
+  .#{$form-item-cls}-label {
+    .#{$form-item-cls}-label-content {
+      label {
+        color: var(--color-text1-8, #848484);
+        font-weight: $font-weight-2;
+      }
+    }
+    .#{$form-item-cls}-colon {
+      margin-right: 4px;
+    }
+  }
+  .teamix-pro-field-money button,
+  .teamix-pro-field-icon button {
+    border: 0 !important;
+  }
+  .teamix-pro-field-color-swatch {
+    box-shadow: none !important;
+  }
+  .#{$css-prefix}date-picker2-input,
+  .#{$css-prefix}date-picker2-input-range {
+    border: 0 !important;
+    box-shadow: none !important;
+  }
+  .#{$css-prefix}input-group {
+    border: 0;
+  }
+  .#{$css-prefix}input-group-addon {
+    .#{$css-prefix}btn {
+      border: 0;
+    }
+  }
+}
+
+// 数组类组件添加按钮
+.#{$css-prefix}formily-array-base-addition {
+  .teamix-icon {
+    margin-right: 4px;
+  }
+}
+
+// Editable预览态行高
+.#{$css-prefix}formily-editable-content {
+  line-height: $s-8;
+}
+
+// 折叠面板
+.#{$css-prefix}formily-collapse,
+.#{$css-prefix}formily-array-collapse-item {
+  .#{$css-prefix}collapse-panel-hidden {
+    .#{$css-prefix}collapse-panel-content {
+      padding-top: 4px;
+      padding-bottom: 0;
+    }
+  }
+  .#{$css-prefix}collapse-panel-content {
+    padding-top: 20px;
+    padding-bottom: 0;
+  }
+}
+
+// 按钮样式
+.#{$css-prefix}formily-button-group {
+  margin-top: var(--form-element-medium-height, 32px);
+}
+
+.#{$form-item-cls} {
+  .#{$css-prefix}formily-button-group {
+    margin-top: 12px;
+  }
+}
+
+.#{$css-prefix}formily-filter-advanced,
+.#{$css-prefix}drawer-footer {
+  .#{$css-prefix}formily-button-group {
+    margin-top: 0;
+  }
+}
+
+.#{$css-prefix}formily-button-group-sticky {
+  margin-top: var(--form-element-medium-height, 32px);
+  padding: 12px 16px 12px 24px;
+  border: 0;
+  background: var(--color-fill1-1, #fff);
+  box-shadow: 0 -1px 5px 0 rgba(38, 38, 38, 0.14);
+  .#{$css-prefix}formily-button-group {
+    margin-top: 0;
+  }
+}
+
+// FormStep
+.#{$css-prefix}formily-step {
+  .#{$css-prefix}step {
+    margin-bottom: var(--form-element-medium-height, 32px) !important;
+  }
+}
+
+// 高级筛选
+.#{$css-prefix}formily-filter-advanced {
+  .#{$css-prefix}date-picker2-input {
+    .#{$css-prefix}input {
+      input {
+        width: inherit;
+      }
+    }
+  }
+}

package/lib/form/SchemaForm/adapterComponent.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Formily组件在ProForm的别名
+ */
+declare const _default: (component: any) => any;
+export default _default;

package/lib/form/SchemaForm/adapterComponent.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _componentMap;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Formily组件在ProForm的别名
+ */
+var componentMap = (_componentMap = {
+  FormFlex: 'Space'
+}, _defineProperty(_componentMap, 'Editable.Dialog', 'EditableDialog'), _defineProperty(_componentMap, 'Editable.Drawer', 'EditableDrawer'), _defineProperty(_componentMap, 'Editable.Popover', 'EditablePopover'), _defineProperty(_componentMap, 'FormDrawer.Footer', 'FormDrawerFooter'), _defineProperty(_componentMap, 'FormDialog.Footer', 'FormDialogFooter'), _componentMap);
+
+var _default = function _default(component) {
+  if (componentMap[component]) {
+    return componentMap[component];
+  }
+
+  return component;
+};
+
+exports.default = _default;

package/lib/form/SchemaForm/adapterDecorator.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 优先使用配置，即非 undefined
+ * 未配置则按默认规则为基础组件和某些聚合组件添加FormItem
+ */
+declare const _default: (decorator?: string | null | undefined, component?: any) => string | null | undefined;
+export default _default;

package/lib/form/SchemaForm/adapterDecorator.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _initializeProField = require("./initializeProField");
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+var _default = function _default(decorator, component) {
+  if (decorator !== undefined) {
+    return decorator;
+  }
+
+  if ([].concat(_toConsumableArray(Object.keys(_initializeProField.proFieldTypeMap)), ['Upload', 'ArrayCards', 'ArrayCollapse', 'ArrayTable', 'ArrayItems']).includes(component)) {
+    return 'FormItem';
+  }
+
+  return decorator;
+};
+
+exports.default = _default;

package/lib/form/SchemaForm/adapterType.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 组件的默认type类型，未指定类型为void
+ */
+declare const _default: (type: string | undefined, component?: any) => any;
+export default _default;

package/lib/form/SchemaForm/adapterType.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _typeMap;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * 组件的默认type类型，未指定类型为void
+ */
+var typeMap = (_typeMap = {
+  Input: 'string',
+  Password: 'string',
+  TextArea: 'string',
+  NumberPicker: 'number',
+  Percent: 'number',
+  Money: 'number',
+  Select: 'string',
+  MultipleSelect: 'array',
+  TreeSelect: 'string',
+  Cascader: 'string',
+  MultipleCascader: 'array',
+  ArbitraryCascader: 'string',
+  Radio: 'string',
+  Checkbox: 'array',
+  Switch: 'boolean',
+  DatePicker: 'string',
+  TimePicker: 'string',
+  DateTimePicker: 'string',
+  WeekPicker: 'string',
+  MonthPicker: 'string',
+  YearPicker: 'string',
+  QuarterPicker: 'string',
+  DateRangePicker: 'array',
+  TimeRangePicker: 'array',
+  DateTimeRangePicker: 'array',
+  WeekRangePicker: 'array',
+  MonthRangePicker: 'array',
+  YearRangePicker: 'array',
+  QuarterRangePicker: 'array',
+  Transfer: 'array',
+  Upload: 'object',
+  ColorPicker: 'string',
+  ColorRadio: 'string',
+  IconPicker: 'string',
+  JsonInput: 'object',
+  Search: 'array',
+  ArrayCollapse: 'array',
+  ArrayCards: 'array',
+  ArrayTable: 'array',
+  ArrayItems: 'array'
+}, _defineProperty(_typeMap, 'Editable.Popover', 'object'), _defineProperty(_typeMap, 'Editable.Dialog', 'object'), _defineProperty(_typeMap, 'Editable.Drawer', 'object'), _typeMap);
+
+var _default = function _default(type, component) {
+  return type || typeMap[component] || 'void';
+};
+
+exports.default = _default;

package/lib/form/SchemaForm/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IFormProps } from '../typing';
+declare const _default: React.MemoExoticComponent<({ schema, scope, components }: IFormProps) => JSX.Element>;
+export default _default;