assui 2.1.55 → 2.2.0

package/lib/color-select/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'rc-trigger/assets/index.css';
+import './index.less';

package/lib/color-select/style/index.js

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

package/lib/color-select/style/index.less

@@ -0,0 +1,46 @@
+@import '~antd/lib/style/index.less';
+
+.color-select-wrap {
+  display: flex;
+}
+
+.color-select {
+  position: relative;
+  width: 130px;
+  padding: @input-padding-vertical-base @input-padding-horizontal-base;
+  border: @border-width-base @border-style-base @input-border-color;
+  border-radius: @control-border-radius;
+
+  &:hover {
+    border: 1px solid @primary-color;
+  }
+
+  &:focus,
+  &-focused {
+    border-color: @primary-color-hover;
+    border-right-width: 1px;
+    outline: 0;
+    box-shadow: @input-outline-offset @outline-blur-size @outline-width @primary-color-outline;
+  }
+
+  &-value {
+    width: 80px;
+    height: 20px;
+  }
+
+  &-placeholder {
+    color: #bfbfbf;
+  }
+
+  .color-select-arrow {
+    position: absolute;
+    top: 50%;
+    right: 15px;
+    transform: translateY(-50%);
+
+    .spotecicon {
+      width: 12px;
+      height: 12px;
+    }
+  }
+}

package/lib/index.d.ts

@@ -40,6 +40,8 @@ export type { TextInputProps } from './text-input';
 export { default as TextInput } from './text-input';
 export type { LabelInputProps } from './label-input';
 export { default as LabelInput } from './label-input';
+export type { ColorSelectProps } from './color-select';
+export { default as ColorSelect } from './color-select';
 export type { LabelSelectProps } from './label-select';
 export { default as LabelSelect } from './label-select';
 export type { ASelectProps } from './a-select';

package/lib/index.js

@@ -9,7 +9,7 @@ var __importDefault = this && this.__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Resizable = exports.BeautifulDnd = exports.RichTextEditor = exports.LabelCustomizeRangePicker = exports.LabelTreeSelect = exports.LabelConditionInput = exports.LabelNumberInput = exports.LabelAutoComplete = exports.LabelDatePicker = exports.LabelRangePicker = exports.JsonEditor = exports.AreaText = exports.LabelTextArea = exports.ASelect = exports.LabelSelect = exports.LabelInput = exports.TextInput = exports.TextArea = exports.SplitPane = exports.sortableHoc = exports.SingleImgUpload = exports.RcTransitionGroup = exports.RcQRcode = exports.RcEcharts = exports.StepNumberInput = exports.NumberInput = exports.RcMotion = exports.KeepTab = exports.ImgCrop = exports.HighlightWords = exports.HighlightTextarea = exports.CopyToClipboard = exports.NumberFormatInput = exports.ConfigProvider = exports.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
+exports.Resizable = exports.BeautifulDnd = exports.RichTextEditor = exports.LabelCustomizeRangePicker = 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.NumberInput = exports.RcMotion = exports.KeepTab = exports.ImgCrop = exports.HighlightWords = exports.HighlightTextarea = exports.CopyToClipboard = exports.NumberFormatInput = exports.ConfigProvider = exports.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
 
 var button_drawer_1 = require("./button-drawer");
 
@@ -209,6 +209,15 @@ Object.defineProperty(exports, "LabelInput", {
   }
 });
 
+var color_select_1 = require("./color-select");
+
+Object.defineProperty(exports, "ColorSelect", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(color_select_1)["default"];
+  }
+});
+
 var label_select_1 = require("./label-select");
 
 Object.defineProperty(exports, "LabelSelect", {

package/lib/messages/en_US.d.ts

@@ -1,6 +1,9 @@
 declare const locale: {
     locale: string;
     lang: {
+        global: {
+            placeholder: string;
+        };
         labelCustomizeRangePicker: {
             customTime: string;
             toDay: string;

package/lib/messages/en_US.js

@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 var locale = {
   locale: 'en-US',
   lang: {
+    global: {
+      placeholder: 'Please select'
+    },
     labelCustomizeRangePicker: {
       customTime: 'CustomTime',
       toDay: 'ToDay',

package/lib/messages/index.d.ts

@@ -15,8 +15,13 @@ export declare type LabelCustomizeRangePickerType = {
     last180days: string;
     last365days: string;
 };
+export declare type Global = {
+    placeholder: string;
+};
+export declare type All = LabelCustomizeRangePickerType & Global;
 export declare type LangType = {
     labelCustomizeRangePicker: LabelCustomizeRangePickerType;
+    global: Global;
 };
-export declare type DisplayNameType = 'labelCustomizeRangePicker';
-export default function formatMessage(message: LangType, displayName: DisplayNameType, key: keyof LabelCustomizeRangePickerType): string;
+export declare type DisplayNameType = 'labelCustomizeRangePicker' | 'global';
+export default function formatMessage(message: LangType, displayName: DisplayNameType, key: keyof All): any;

package/lib/messages/zh_CN.d.ts

@@ -1,6 +1,9 @@
 declare const locale: {
     locale: string;
     lang: {
+        global: {
+            placeholder: string;
+        };
         labelCustomizeRangePicker: {
             customTime: string;
             toDay: string;

package/lib/messages/zh_CN.js

@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 var locale = {
   locale: 'zh_CN',
   lang: {
+    global: {
+      placeholder: '请选择'
+    },
     labelCustomizeRangePicker: {
       customTime: '自定义时间',
       toDay: '今日',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "2.1.55",
+  "version": "2.2.0",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -44,8 +44,10 @@
     "jsoneditor-react": "^3.1.2",
     "qrcode": "^1.4.4",
     "rc-motion": "^2.4.4",
+    "rc-trigger": "^5.3.1",
     "rc-util": "^5.13.2",
     "react-beautiful-dnd": "^13.1.0",
+    "react-color": "^2.19.3",
     "react-easy-crop": "^3.5.2",
     "react-highlight-words": "^0.17.0",
     "react-resizable": "^3.0.4",
@@ -64,6 +66,7 @@
     "@types/insert-css": "^2.0.1",
     "@types/jsoneditor": "^9.5.1",
     "@types/qrcode": "^1.4.1",
+    "@types/react-color": "^3.0.6",
     "@types/react-highlight-words": "^0.16.3",
     "@types/react-transition-group": "^4.4.2",
     "antd": "^4.21.7",
@@ -76,5 +79,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "5f8bc7120d684bc5e2510b6cd01858953e48d7f2"
+  "gitHead": "6050e84965327ec8fceeff6addbc708017f1ed1f"
 }