@teamix/pro 1.6.0-beta.5 → 1.6.0-beta.6

package/lib/form/Components/FormItem2/main.scss

@@ -0,0 +1,413 @@
+@import '../global.scss';
+@import './scss/variable.scss';
+@import './grid.scss';
+@import './animation.scss';
+
+.#{$form-item-cls} {
+  display: flex;
+  margin-bottom: $form-item-m-margin-b + 2;
+  position: relative;
+  line-height: $form-element-medium-height;
+  font-size: $form-element-medium-font-size;
+
+  &-layout-vertical {
+    display: block;
+  }
+
+  &-label-content {
+    min-height: $form-element-medium-height;
+  }
+
+  &-control-content-component {
+    line-height: $form-element-medium-height;
+  }
+
+  &-inset {
+    padding: 0 8px;
+    border: 1px solid $input-border-color;
+    border-radius: $form-element-medium-corner;
+    width: 100%;
+
+    .#{$css-prefix}input {
+      border: none !important;
+      box-shadow: none !important;
+      outline: none;
+    }
+  }
+
+  &-bordered-none:not(.#{$form-item-cls}-inset) {
+    .#{$css-prefix}input {
+      border: none !important;
+      box-shadow: none !important;
+      outline: none;
+    }
+  }
+}
+
+.#{$form-item-cls}-label {
+  position: relative;
+  display: flex;
+  &-content {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &-tooltip {
+    cursor: help;
+
+    .#{$form-item-cls}-colon {
+      display: flex;
+    }
+
+    * {
+      cursor: help;
+    }
+
+    &-colon {
+      cursor: help;
+    }
+
+    label {
+      border-bottom: 1px dashed currentColor;
+    }
+  }
+}
+
+.#{$form-item-cls}-label label {
+  cursor: text;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.#{$form-item-cls}-label-align-left {
+  > .#{$form-item-cls}-label {
+    justify-content: flex-start;
+  }
+}
+
+.#{$form-item-cls}-label-align-right {
+  > .#{$form-item-cls}-label {
+    justify-content: flex-end;
+  }
+}
+
+.#{$form-item-cls}-label-wrap {
+  .#{$form-item-cls}-label {
+    label {
+      white-space: pre-line;
+      word-break: break-all;
+    }
+  }
+}
+
+.#{$form-item-cls}-feedback-layout-terse {
+  margin-bottom: 8px;
+
+  &.#{$form-item-cls}-feedback-has-text:not(.#{$form-item-cls}-inset) {
+    margin-bottom: 0;
+  }
+}
+
+.#{$form-item-cls}-feedback-layout-loose {
+  margin-bottom: $form-item-m-margin-b + 4;
+
+  &.#{$form-item-cls}-feedback-has-text:not(.#{$form-item-cls}-inset) {
+    margin-bottom: 0;
+  }
+}
+
+.#{$form-item-cls}-feedback-layout-none {
+  margin-bottom: 0px;
+
+  &.#{$form-item-cls}-feedback-has-text:not(.#{$form-item-cls}-inset) {
+    margin-bottom: 0;
+  }
+}
+
+.#{$form-item-cls}-control {
+  flex: 1;
+  max-width: 100%;
+
+  .#{$form-item-cls}-control-content {
+    display: flex;
+
+    .#{$form-item-cls}-control-content-component {
+      width: 100%;
+      min-height: $form-element-medium-height;
+      line-height: $form-element-medium-height;
+
+      &-has-feedback-icon {
+        flex: 1;
+        position: relative;
+        display: flex;
+        align-items: center;
+
+        .#{$css-prefix}input {
+          height: 100%;
+          border: none !important;
+          box-shadow: none !important;
+          outline: none;
+
+          .#{$css-prefix}input-control {
+            margin-right: 0;
+            padding-right: 0;
+
+            .#{$css-prefix}icon {
+              display: none;
+            }
+
+            .#{$css-prefix}input-hint-wrap {
+              .#{$css-prefix}icon {
+                display: block;
+              }
+            }
+          }
+        }
+      }
+
+      .#{$css-prefix}range {
+        height: 100%;
+        padding-left: 2px;
+      }
+
+      .#{$css-prefix}transfer {
+        display: flex;
+        align-items: center;
+      }
+    }
+
+    .#{$form-item-cls}-addon-before {
+      margin-right: 8px;
+      display: inline-flex;
+      align-items: center;
+      min-height: $form-element-medium-height;
+      flex-shrink: 0;
+    }
+
+    .#{$form-item-cls}-addon-after {
+      margin-left: 8px;
+      display: inline-flex;
+      align-items: center;
+      min-height: $form-element-medium-height;
+      flex-shrink: 0;
+    }
+  }
+}
+
+.#{$form-item-cls}-size-small {
+  font-size: $form-element-small-font-size;
+  line-height: $form-element-small-height;
+
+  .#{$form-item-cls}-label-content {
+    min-height: $form-element-small-height;
+  }
+
+  .#{$form-item-cls}-control-content {
+    .#{$form-item-cls}-control-content-component {
+      line-height: $form-element-small-height;
+      min-height: $form-element-small-height;
+    }
+
+    .#{$form-item-cls}-addon-before {
+      min-height: $form-element-small-height;
+    }
+
+    .#{$form-item-cls}-addon-after {
+      min-height: $form-element-small-height;
+    }
+  }
+
+  &-inset {
+    border-radius: $form-element-small-corner;
+  }
+
+  &.#{$form-item-cls}-feedback-layout-terse {
+    margin-bottom: 8px;
+
+    &.#{$form-item-cls}-feedback-has-text:not(.#{$form-item-cls}-inset) {
+      margin-bottom: 0;
+    }
+  }
+
+  &.#{$form-item-cls}-feedback-layout-loose {
+    margin-bottom: $form-item-s-margin-b + 8;
+
+    &.#{$form-item-cls}-feedback-has-text:not(.#{$form-item-cls}-inset) {
+      margin-bottom: 0;
+    }
+  }
+
+  .#{$form-item-cls}-help,
+  .#{$form-item-cls}-extra {
+    min-height: $form-element-small-font-size + 2;
+  }
+
+  .#{$form-item-cls}-control-content {
+    min-height: $form-element-small-height;
+  }
+
+  .#{$form-item-cls}-label > label {
+    height: $form-element-small-height;
+  }
+}
+
+.#{$form-item-cls}-size-large {
+  font-size: $form-element-large-font-size;
+  line-height: $form-element-large-height;
+
+  .#{$form-item-cls}-label-content {
+    min-height: $form-element-large-height;
+  }
+
+  .#{$form-item-cls}-control-content {
+    .#{$form-item-cls}-control-content-component {
+      line-height: $form-element-large-height;
+      min-height: $form-element-large-height;
+    }
+
+    .#{$form-item-cls}-addon-before {
+      min-height: $form-element-large-height;
+    }
+
+    .#{$form-item-cls}-addon-after {
+      min-height: $form-element-large-height;
+    }
+  }
+
+  &-inset {
+    border-radius: $form-element-large-corner;
+  }
+
+  .#{$form-item-cls}-help,
+  .#{$form-item-cls}-extra {
+    min-height: $form-element-large-font-size + 2;
+  }
+
+  &.#{$form-item-cls}-feedback-layout-loose {
+    margin-bottom: $form-item-l-margin-b;
+
+    &.#{$form-item-cls}-feedback-has-text:not(.#{$form-item-cls}-inset) {
+      margin-bottom: 0;
+    }
+  }
+
+  .#{$form-item-cls}-control-content {
+    min-height: $form-element-large-height;
+  }
+
+  .#{$form-item-cls}-label > label {
+    height: $form-element-large-height;
+  }
+}
+
+.#{$form-item-cls}-feedback-layout-popover {
+  margin-bottom: 8px;
+}
+
+.#{$form-item-cls}-label-tooltip-icon {
+  margin-left: 4px;
+  color: #00000073;
+  cursor: pointer;
+  max-height: $form-element-medium-height;
+}
+
+.#{$form-item-cls}-control-align-left {
+  .#{$form-item-cls}-control-content {
+    justify-content: flex-start;
+  }
+}
+
+.#{$form-item-cls}-control-align-right {
+  .#{$form-item-cls}-control-content {
+    justify-content: flex-end;
+  }
+}
+
+.#{$form-item-cls}-control-wrap {
+  .#{$form-item-cls}-control {
+    white-space: pre-line;
+  }
+}
+
+.#{$form-item-cls}-asterisk {
+  color: $form-error-color;
+  margin-right: 4px;
+  display: inline-block;
+  font-family: SimSun, sans-serif;
+}
+
+.#{$form-item-cls}-colon {
+  margin-left: 2px;
+  margin-right: 8px;
+}
+
+.#{$form-item-cls}-help,
+.#{$form-item-cls}-extra {
+  clear: both;
+  line-height: $form-item-m-margin-b + 4;
+  min-height: $form-item-m-margin-b;
+  color: rgba(0, 0, 0, 0.45);
+  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+  padding-top: 0px;
+}
+
+.#{$form-item-cls}-fullness {
+  > .#{$form-item-cls}-control {
+    > .#{$form-item-cls}-control-content {
+      > .#{$form-item-cls}-control-content-component {
+        > *:first-child:not(.#{$css-prefix}switch):not(.#{$css-prefix}icon):not(.#{$css-prefix}formily-icon):not(.anticon) {
+          width: 100%;
+        }
+      }
+    }
+  }
+}
+
+.#{$form-item-cls}-control-content-component-has-feedback-icon {
+  border-radius: 2px;
+  border: 1px solid $input-border-color;
+  transition: all 0.3s;
+  touch-action: manipulation;
+  outline: none;
+  padding-right: 8px;
+
+  .#{$css-prefix}input {
+    border: none !important;
+  }
+
+  .#{$css-prefix}range-picker-trigger {
+    border: none !important;
+  }
+
+  .#{$form-item-cls}-feedback-icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: -2px;
+    padding-left: 2px;
+
+    .anticon {
+      display: inline-block;
+      color: inherit;
+      font-style: normal;
+      font-size: $form-element-medium-font-size;
+      line-height: 0;
+      text-align: center;
+      text-transform: none;
+      vertical-align: -0.125em;
+      text-rendering: optimizeLegibility;
+    }
+  }
+}
+
+.#{$form-item-cls}-error-help {
+  color: $form-error-color;
+}
+
+.#{$form-item-cls}-warning-help {
+  color: $form-warning-color;
+}
+
+.#{$form-item-cls}-success-help {
+  color: $form-success-color;
+}

package/lib/form/Components/FormItem2/scss/variable.scss

@@ -0,0 +1,118 @@
+////
+/// @module form: 表单
+/// @tag Form
+/// @category component
+/// @family data-entry
+/// @varPrefix $form-
+/// @classPrefix {prefix}-form
+/// @order {"size/bounding":10,"size/item":11,"size/label":12,"size/help":13,"size/border":14,"statement/help":10,"statement/label":11,"statement/normal":12,"statement/border":13}
+////
+
+@charset "UTF-8";
+
+// form variables
+// --------------------------------------------------
+
+$form-item-cls: '#{$css-prefix}formily-item';
+
+$input-border-color: $color-line1-3 !default;
+/// label padding (r)
+/// @namespace size/bounding
+$form-label-padding-r: $s-3 !default;
+
+/// margin (b)
+/// @namespace size/item
+$form-item-m-margin-b: $s-4 !default;
+
+/// margin (b)
+/// @namespace size/item
+$form-item-l-margin-b: $s-5 !default;
+
+/// margin (b)
+/// @namespace size/item
+$form-item-s-margin-b: $s-3 !default;
+
+/// margin (r)
+/// @namespace size/item
+$form-inline-l-item-margin-r: $s-6 !default;
+
+/// margin (r)
+/// @namespace size/item
+$form-inline-m-item-margin-r: $s-5 !default;
+
+/// margin (r)
+/// @namespace size/item
+$form-inline-s-item-margin-r: $s-4 !default;
+
+/// margin (t)
+/// @namespace size/help
+$form-help-margin-top: $s-1 !default;
+
+/// text
+/// @namespace size/help
+$form-help-font-size: $font-size-caption !default;
+
+/// text
+/// @namespace statement/help
+$form-help-color: $color-text1-2 !default;
+
+/// error text
+/// @namespace statement/help
+$form-error-color: $color-error-3 !default;
+
+/// warning text
+/// @namespace statement/help
+$form-warning-color: $color-warning-3 !default;
+
+$form-success-color: $color-success-3 !default;
+
+/// margin (b)
+/// @type length
+/// @namespace size/label
+$form-top-label-margin-b: 2px !default;
+
+/// text
+/// @namespace statement/label
+$form-label-color: $color-text1-3 !default;
+
+/// padding
+/// @namespace size/bounding
+$input-l-padding: $s-3 !default;
+
+/// padding(l)
+/// @namespace size/label
+$input-l-label-padding-left: $s-3 !default;
+
+/// padding(r)
+/// @namespace size/label
+$input-l-icon-padding-right: $s-2 !default;
+
+// medium
+// --------------------------------------------------
+
+/// padding
+/// @namespace size/bounding
+$input-m-padding: $s-2 !default;
+
+/// padding(l)
+/// @namespace size/label
+$input-m-label-padding-left: $s-2 !default;
+
+/// padding(r)
+/// @namespace size/label
+$input-m-icon-padding-right: $s-2 !default;
+
+// small
+// --------------------------------------------------
+
+/// padding
+/// @namespace size/bounding
+$input-s-padding: $s-1 !default;
+
+/// padding(l)
+/// @namespace size/label
+$input-s-label-padding-left: $s-2 !default;
+
+/// padding(r)
+/// @namespace size/label
+$input-s-icon-padding-right: $s-1 !default;

package/lib/form/Components/FormItem2/style.d.ts

@@ -0,0 +1 @@
+import './main.scss';

package/lib/form/Components/FormItem2/style.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./main.scss");

package/lib/form/Components/LightFilter/index.scss

@@ -83,6 +83,10 @@ $light-filter: #{teamix-pro-form}-light-filter;
         .#{$css-prefix}input.#{$css-prefix}medium {
           height: $noborder-font-weight-medium;
         }
+        .#{$css-prefix}input-group.#{$css-prefix}search-left, .#{$css-prefix}input-group-addon.#{$css-prefix}before.#{$css-prefix}search-left-addon{
+          border: 0;
+          box-shadow: none !important;
+        }
       }
     }
   }

package/lib/form/Components/__builtins__/empty.d.ts

@@ -0,0 +1 @@
+export declare const Empty: () => JSX.Element;

package/lib/form/Components/__builtins__/empty.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Empty = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Empty = function Empty() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "next-empty"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "next-empty-image"
+  }, /*#__PURE__*/_react.default.createElement("svg", {
+    className: "ant-empty-img-default",
+    width: "184",
+    height: "120",
+    viewBox: "0 0 184 152",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    transform: "translate(24 31.67)"
+  }, /*#__PURE__*/_react.default.createElement("ellipse", {
+    className: "ant-empty-img-default-ellipse",
+    cx: "67.797",
+    cy: "106.89",
+    rx: "67.797",
+    ry: "12.668"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    className: "ant-empty-img-default-path-1",
+    d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    className: "ant-empty-img-default-path-2",
+    d: "M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z",
+    transform: "translate(13.56)"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    className: "ant-empty-img-default-path-3",
+    d: "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    className: "ant-empty-img-default-path-4",
+    d: "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
+  })), /*#__PURE__*/_react.default.createElement("path", {
+    className: "ant-empty-img-default-path-5",
+    d: "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
+  }), /*#__PURE__*/_react.default.createElement("g", {
+    className: "ant-empty-img-default-g",
+    transform: "translate(149.65 15.383)"
+  }, /*#__PURE__*/_react.default.createElement("ellipse", {
+    cx: "20.654",
+    cy: "3.167",
+    rx: "2.849",
+    ry: "2.815"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
+  }))))));
+};
+exports.Empty = Empty;

package/lib/form/Components/__builtins__/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useClickAway';
+export * from './usePrefixCls';

package/lib/form/Components/__builtins__/hooks/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useClickAway = require("./useClickAway");
+Object.keys(_useClickAway).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useClickAway[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useClickAway[key];
+    }
+  });
+});
+var _usePrefixCls = require("./usePrefixCls");
+Object.keys(_usePrefixCls).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _usePrefixCls[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _usePrefixCls[key];
+    }
+  });
+});

package/lib/form/Components/__builtins__/hooks/useClickAway.d.ts

@@ -0,0 +1,5 @@
+import { MutableRefObject } from 'react';
+declare type EventType = MouseEvent | TouchEvent;
+declare type BasicTarget<T = HTMLElement> = (() => T | null) | T | null | MutableRefObject<T | null | undefined>;
+export declare const useClickAway: (onClickAway: (event: EventType) => void, target: BasicTarget | BasicTarget[], eventName?: string) => void;
+export {};

package/lib/form/Components/__builtins__/hooks/useClickAway.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useClickAway = void 0;
+var _react = require("react");
+var defaultEvent = 'click';
+function getTargetElement(target, defaultElement) {
+  if (!target) {
+    return defaultElement;
+  }
+  var targetElement;
+  if (typeof target === 'function') {
+    targetElement = target();
+  } else if ('current' in target) {
+    targetElement = target.current;
+  } else {
+    targetElement = target;
+  }
+  return targetElement;
+}
+var useClickAway = function useClickAway(onClickAway, target) {
+  var eventName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultEvent;
+  var onClickAwayRef = (0, _react.useRef)(onClickAway);
+  onClickAwayRef.current = onClickAway;
+  (0, _react.useEffect)(function () {
+    var handler = function handler(event) {
+      var targets = Array.isArray(target) ? target : [target];
+      if (targets.some(function (targetItem) {
+        var targetElement = getTargetElement(targetItem);
+        return !targetElement || (targetElement === null || targetElement === void 0 ? void 0 : targetElement.contains(event.target));
+      })) {
+        return;
+      }
+      onClickAwayRef.current(event);
+    };
+    document.addEventListener(eventName, handler);
+    return function () {
+      document.removeEventListener(eventName, handler);
+    };
+  }, [target, eventName]);
+};
+exports.useClickAway = useClickAway;

package/lib/form/Components/__builtins__/hooks/usePrefixCls.d.ts

@@ -0,0 +1,3 @@
+export declare const usePrefixCls: (tag?: string, props?: {
+    prefix?: string;
+}) => string;