assui 2.1.55 → 2.2.1

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';
@@ -54,6 +56,7 @@ export type { LabelRangePickerProps } from './label-range-picker';
 export { default as LabelRangePicker } from './label-range-picker';
 export type { LabelDatePickerProps } from './label-date-picker';
 export { default as LabelDatePicker } from './label-date-picker';
+export { default as PickerWithType } from './picker-with-type';
 export type { LabelAutoCompleteProps } from './label-auto-complete';
 export { default as LabelAutoComplete } from './label-auto-complete';
 export type { LabelNumberInputProps } from './label-number-input';

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.PickerWithType = 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", {
@@ -272,6 +281,15 @@ Object.defineProperty(exports, "LabelDatePicker", {
   }
 });
 
+var picker_with_type_1 = require("./picker-with-type");
+
+Object.defineProperty(exports, "PickerWithType", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(picker_with_type_1)["default"];
+  }
+});
+
 var label_auto_complete_1 = require("./label-auto-complete");
 
 Object.defineProperty(exports, "LabelAutoComplete", {

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/lib/picker-with-type/index.d.ts

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

package/lib/picker-with-type/index.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function get() {
+        return m[k];
+      }
+    };
+  }
+
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+
+var __importStar = this && this.__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) {
+    if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  }
+
+  __setModuleDefault(result, mod);
+
+  return result;
+};
+
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+}); // @ts-nocheck
+
+var react_1 = __importStar(require("react"));
+
+var date_picker_1 = __importDefault(require("antd/lib/date-picker"));
+
+var select_1 = __importDefault(require("antd/lib/select"));
+
+var space_1 = __importDefault(require("antd/lib/space"));
+
+var Option = select_1["default"].Option;
+
+var PickerWithType = function PickerWithType() {
+  var _a = __read((0, react_1.useState)('date'), 2),
+      type = _a[0],
+      setType = _a[1];
+
+  return react_1["default"].createElement(space_1["default"], null, react_1["default"].createElement(select_1["default"], {
+    value: type,
+    onChange: setType
+  }, react_1["default"].createElement(Option, {
+    value: "time"
+  }, "Time"), react_1["default"].createElement(Option, {
+    value: "date"
+  }, "Date"), react_1["default"].createElement(Option, {
+    value: "week"
+  }, "Week"), react_1["default"].createElement(Option, {
+    value: "month"
+  }, "Month"), react_1["default"].createElement(Option, {
+    value: "quarter"
+  }, "Quarter"), react_1["default"].createElement(Option, {
+    value: "year"
+  }, "Year")), react_1["default"].createElement(date_picker_1["default"], {
+    type: type,
+    onChange: function onChange(value) {
+      return console.log(value);
+    }
+  }));
+};
+
+exports["default"] = PickerWithType;

package/lib/picker-with-type/style/index.d.ts

@@ -0,0 +1,3 @@
+import 'antd/lib/date-picker/style';
+import 'antd/lib/select/style';
+import 'antd/lib/space/style';

package/lib/picker-with-type/style/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+require("antd/lib/date-picker/style");
+
+require("antd/lib/select/style");
+
+require("antd/lib/space/style");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "2.1.55",
+  "version": "2.2.1",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -34,7 +34,7 @@
     "@tinymce/tinymce-react": "^4.0.0",
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-resizable": "^3.0.0",
-    "a-icons": "^1.0.83",
+    "a-icons": "^1.0.84",
     "aa-utils": "^2.0.36",
     "ahooks": "^3.0.8",
     "bignumber.js": "^9.0.1",
@@ -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": "e238721d9eb1f966534af5692583f83e5a4ca521"
 }