assui 3.0.78 → 3.1.0

package/lib/flex/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/lib/flex/style/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+require("./index.less");

package/lib/flex/style/index.less

@@ -0,0 +1,125 @@
+@import '~antd/lib/style/index.less';
+
+.as-flex-wrap-wrap {
+  flex-wrap: wrap;
+}
+
+.as-flex-wrap-nowrap {
+  flex-wrap: nowrap;
+}
+
+.as-flex-wrap-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+
+.as-flex-align-center {
+  align-items: center;
+}
+
+.as-flex-align-start {
+  align-items: start;
+}
+
+.as-flex-align-end {
+  align-items: end;
+}
+
+.as-flex-align-flex-start {
+  align-items: flex-start;
+}
+
+.as-flex-align-flex-end {
+  align-items: flex-end;
+}
+
+.as-flex-align-self-start {
+  align-items: self-start;
+}
+
+.as-flex-align-self-end {
+  align-items: self-end;
+}
+
+.as-flex-align-baseline {
+  align-items: baseline;
+}
+
+.as-flex-align-normal {
+  align-items: normal;
+}
+
+.as-flex-align-stretch {
+  align-items: stretch;
+}
+
+.as-flex-justify-flex-start {
+  justify-content: flex-start;
+}
+
+.as-flex-justify-flex-end {
+  justify-content: flex-end;
+}
+
+.as-flex-justify-start {
+  justify-content: start;
+}
+
+.as-flex-justify-end {
+  justify-content: end;
+}
+
+.as-flex-justify-center {
+  justify-content: center;
+}
+
+.as-flex-justify-space-between {
+  justify-content: space-between;
+}
+
+.as-flex-justify-space-around {
+  justify-content: space-around;
+}
+
+.as-flex-justify-space-evenly {
+  justify-content: space-evenly;
+}
+
+.as-flex-justify-stretch {
+  justify-content: stretch;
+}
+
+.as-flex-justify-normal {
+  justify-content: normal;
+}
+
+.as-flex-justify-left {
+  justify-content: left;
+}
+
+.as-flex-justify-right {
+  justify-content: right;
+}
+
+.as-flex {
+  display: flex;
+
+  &-vertical {
+    flex-direction: column;
+  }
+
+  &:empty {
+    display: none;
+  }
+
+  &-gap-small {
+    gap: 8px;
+  }
+
+  &-gap-middle {
+    gap: 16px;
+  }
+
+  &-gap-large {
+    gap: 24px;
+  }
+}

package/lib/flex/utils/gapSize.d.ts

@@ -0,0 +1,2 @@
+import type { SizeType } from 'antd/lib/config-provider/SizeContext';
+export declare function isPresetSize(size?: SizeType | string | number): size is SizeType;

package/lib/flex/utils/gapSize.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isPresetSize = void 0;
+function isPresetSize(size) {
+  return ['small', 'middle', 'large'].includes(size);
+}
+exports.isPresetSize = isPresetSize;

package/lib/flex/utils/index.d.ts

@@ -0,0 +1,6 @@
+import type { FlexProps } from '../index';
+export declare const flexWrapValues: readonly ["wrap", "nowrap", "wrap-reverse"];
+export declare const justifyContentValues: readonly ["flex-start", "flex-end", "start", "end", "center", "space-between", "space-around", "space-evenly", "stretch", "normal", "left", "right"];
+export declare const alignItemsValues: readonly ["center", "start", "end", "flex-start", "flex-end", "self-start", "self-end", "baseline", "normal", "stretch"];
+declare function createFlexClassNames(prefixCls: string, props: FlexProps): string;
+export default createFlexClassNames;

package/lib/flex/utils/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.alignItemsValues = exports.justifyContentValues = exports.flexWrapValues = void 0;
+var classnames_1 = __importDefault(require("classnames"));
+exports.flexWrapValues = ['wrap', 'nowrap', 'wrap-reverse'];
+exports.justifyContentValues = ['flex-start', 'flex-end', 'start', 'end', 'center', 'space-between', 'space-around', 'space-evenly', 'stretch', 'normal', 'left', 'right'];
+exports.alignItemsValues = ['center', 'start', 'end', 'flex-start', 'flex-end', 'self-start', 'self-end', 'baseline', 'normal', 'stretch'];
+var genClsWrap = function genClsWrap(prefixCls, props) {
+  var wrapCls = {};
+  exports.flexWrapValues.forEach(function (cssKey) {
+    wrapCls["".concat(prefixCls, "-wrap-").concat(cssKey)] = props.wrap === cssKey;
+  });
+  return wrapCls;
+};
+var genClsAlign = function genClsAlign(prefixCls, props) {
+  var alignCls = {};
+  exports.alignItemsValues.forEach(function (cssKey) {
+    alignCls["".concat(prefixCls, "-align-").concat(cssKey)] = props.align === cssKey;
+  });
+  alignCls["".concat(prefixCls, "-align-stretch")] = !props.align && !!props.vertical;
+  return alignCls;
+};
+var genClsJustify = function genClsJustify(prefixCls, props) {
+  var justifyCls = {};
+  exports.justifyContentValues.forEach(function (cssKey) {
+    justifyCls["".concat(prefixCls, "-justify-").concat(cssKey)] = props.justify === cssKey;
+  });
+  return justifyCls;
+};
+function createFlexClassNames(prefixCls, props) {
+  return (0, classnames_1["default"])(__assign(__assign(__assign({}, genClsWrap(prefixCls, props)), genClsAlign(prefixCls, props)), genClsJustify(prefixCls, props)));
+}
+exports["default"] = createFlexClassNames;

package/lib/index.d.ts

@@ -76,3 +76,5 @@ export type { RichTextEditorProps } from './rich-text-editor';
 export { default as RichTextEditor } from './rich-text-editor';
 export { default as BeautifulDnd } from './beautiful-dnd';
 export { default as Resizable } from './resizable';
+export type { FlexProps } from './flex';
+export { default as Flex } from './flex';

package/lib/index.js

@@ -8,7 +8,7 @@ var __importDefault = this && this.__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Resizable = exports.BeautifulDnd = exports.RichTextEditor = exports.LabelCustomizeRangePicker = exports.TableCol = exports.LabelTreeSelect = exports.LabelConditionInput = exports.LabelNumberInput = exports.LabelAutoComplete = exports.LabelDatePicker = exports.LabelRangePicker = exports.JsonEditor = exports.AreaText = exports.LabelTextArea = exports.ASelect = exports.LabelSelect = exports.ColorSelect = exports.LabelInput = exports.TextInput = exports.TextArea = exports.SplitPane = exports.sortableHoc = exports.SingleImgUpload = exports.RcTransitionGroup = exports.RcQRcode = exports.RcEcharts = exports.StepNumberInput = exports.LabelRangeNumber = exports.NumberInput = exports.RcMotion = exports.KeepTab = exports.ImgCrop = exports.HighlightWords = exports.HighlightTextarea = exports.CopyToClipboard = exports.NumberFormatInput = exports.ConfigProvider = exports.ConditionSelectInput = exports.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
+exports.Flex = exports.Resizable = exports.BeautifulDnd = exports.RichTextEditor = exports.LabelCustomizeRangePicker = exports.TableCol = exports.LabelTreeSelect = exports.LabelConditionInput = exports.LabelNumberInput = exports.LabelAutoComplete = exports.LabelDatePicker = exports.LabelRangePicker = exports.JsonEditor = exports.AreaText = exports.LabelTextArea = exports.ASelect = exports.LabelSelect = exports.ColorSelect = exports.LabelInput = exports.TextInput = exports.TextArea = exports.SplitPane = exports.sortableHoc = exports.SingleImgUpload = exports.RcTransitionGroup = exports.RcQRcode = exports.RcEcharts = exports.StepNumberInput = exports.LabelRangeNumber = exports.NumberInput = exports.RcMotion = exports.KeepTab = exports.ImgCrop = exports.HighlightWords = exports.HighlightTextarea = exports.CopyToClipboard = exports.NumberFormatInput = exports.ConfigProvider = exports.ConditionSelectInput = exports.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
 var button_drawer_1 = require("./button-drawer");
 Object.defineProperty(exports, "ButtonDrawer", {
   enumerable: true,
@@ -295,4 +295,11 @@ Object.defineProperty(exports, "Resizable", {
   get: function get() {
     return __importDefault(resizable_1)["default"];
   }
+});
+var flex_1 = require("./flex");
+Object.defineProperty(exports, "Flex", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(flex_1)["default"];
+  }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "3.0.78",
+  "version": "3.1.0",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -35,7 +35,7 @@
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-color": "^3.0.6",
     "@types/react-resizable": "^3.0.0",
-    "a-icons": "^1.1.37",
+    "a-icons": "^1.1.38",
     "aa-utils": "^2.1.18",
     "ahooks": "^3.0.8",
     "bignumber.js": "^9.0.1",
@@ -80,5 +80,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "83685b11270d0158e31526b4300d30ab721d8834"
+  "gitHead": "0a5e3afec53f3b89f23af59bd15cc11ebede21e5"
 }