assui 2.1.50 → 2.1.53

package/es/a-select/style/index.css

@@ -1794,3 +1794,7 @@ html {
   bottom: 0;
   z-index: 2;
 }
+.a-select-wrap .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  z-index: 3;
+  background-color: transparent;
+}

package/es/a-select/style/index.less

@@ -13,4 +13,9 @@
     bottom: 0;
     z-index: 2;
   }
+
+  .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
+    z-index: 3;
+    background-color: transparent;
+  }
 }

package/es/index.d.ts

@@ -48,6 +48,8 @@ export type { LabelTextAreaProps } from './label-text-area';
 export { default as LabelTextArea } from './label-text-area';
 export type { AreaTextProps } from './area-text';
 export { default as AreaText } from './area-text';
+export type { JSONEditorProps } from './json-editor';
+export { default as JsonEditor } from './json-editor';
 export type { LabelRangePickerProps } from './label-range-picker';
 export { default as LabelRangePicker } from './label-range-picker';
 export type { LabelDatePickerProps } from './label-date-picker';

package/es/index.js

@@ -24,6 +24,7 @@ export { default as LabelSelect } from './label-select';
 export { default as ASelect } from './a-select';
 export { default as LabelTextArea } from './label-text-area';
 export { default as AreaText } from './area-text';
+export { default as JsonEditor } from './json-editor';
 export { default as LabelRangePicker } from './label-range-picker';
 export { default as LabelDatePicker } from './label-date-picker';
 export { default as LabelAutoComplete } from './label-auto-complete';

package/es/json-editor/index.d.ts

@@ -0,0 +1,10 @@
+import type { JSONEditorOptions } from 'jsoneditor';
+import React from 'react';
+export declare type JSONEditorProps = {
+    className?: string;
+    options?: JSONEditorOptions;
+    onChange?: (value: string) => void;
+    value?: string;
+};
+declare const ForwardRefJsonEditor: React.ForwardRefExoticComponent<JSONEditorProps & React.RefAttributes<unknown>>;
+export default ForwardRefJsonEditor;

package/es/json-editor/index.js

@@ -0,0 +1,103 @@
+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 __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;
+};
+
+import JSONEditor from 'jsoneditor';
+import React, { useEffect, useImperativeHandle } from 'react';
+import useControllableValue from "ahooks/es/useControllableValue";
+import useMount from "ahooks/es/useMount";
+import isEqual from 'lodash/isEqual';
+import useUnmount from "ahooks/es/useUnmount";
+import classNames from 'classnames';
+
+var JsonEditor = function JsonEditor(props, ref) {
+  var options = props.options,
+      className = props.className;
+
+  var _a = __read(useControllableValue(props), 2),
+      value = _a[0],
+      setValue = _a[1];
+
+  var containerRef = React.useRef();
+  var editorInstanceRef = React.useRef();
+  useMount(function () {
+    editorInstanceRef.current = new JSONEditor(containerRef.current, __assign(__assign({
+      mode: 'code',
+      indentation: 2
+    }, options), {
+      onChangeText: function onChangeText() {
+        var _a;
+
+        try {
+          var currentJson = (_a = editorInstanceRef.current) === null || _a === void 0 ? void 0 : _a.get();
+          setValue(currentJson);
+        } catch (error) {
+          console.log('error', error);
+        }
+      }
+    }));
+  });
+  useImperativeHandle(ref, function () {
+    return containerRef.current;
+  });
+  useEffect(function () {
+    var _a, _b;
+
+    if (value && !isEqual(value, (_a = editorInstanceRef.current) === null || _a === void 0 ? void 0 : _a.get())) {
+      (_b = editorInstanceRef.current) === null || _b === void 0 ? void 0 : _b.update(value);
+    }
+  }, [value]);
+  useUnmount(function () {
+    var _a;
+
+    (_a = editorInstanceRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    ref: function ref(el) {
+      return containerRef.current = el;
+    },
+    className: classNames('a-jason-editor', className)
+  });
+};
+
+var ForwardRefJsonEditor = /*#__PURE__*/React.forwardRef(JsonEditor);
+export default ForwardRefJsonEditor;

package/es/json-editor/style/index.css

@@ -0,0 +1,3 @@
+.a-jason-editor .jsoneditor-menu {
+  display: none;
+}

package/es/json-editor/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'jsoneditor/dist/jsoneditor.min.css';
+import './index.less';

package/es/json-editor/style/index.js

@@ -0,0 +1,2 @@
+import 'jsoneditor/dist/jsoneditor.min.css';
+import './index.less';

package/es/json-editor/style/index.less

@@ -0,0 +1,5 @@
+.a-jason-editor {
+  .jsoneditor-menu {
+    display: none;
+  }
+}

package/es/label-customize-range-picker/index.js

@@ -132,8 +132,16 @@ var LabelCustomizeRangePicker = function LabelCustomizeRangePicker(props) {
     }
   }, [date]);
   useEffect(function () {
+    var _a = __read(date || [], 2),
+        startTime = _a[0],
+        endTime = _a[1];
+
     if (maxScope) {
-      setDate(formatMaxScope(date, maxScope));
+      var _b = __read(formatMaxScope(date, maxScope), 2),
+          newStartDate = _b[0],
+          newEndDate = _b[1];
+
+      if (!(newStartDate === null || newStartDate === void 0 ? void 0 : newStartDate.isSame(startTime)) || !(newEndDate === null || newEndDate === void 0 ? void 0 : newEndDate.isSame(endTime))) setDate(formatMaxScope(date, maxScope));
     }
   }, [maxScope]);
 

package/lib/a-select/style/index.css

@@ -1794,3 +1794,7 @@ html {
   bottom: 0;
   z-index: 2;
 }
+.a-select-wrap .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  z-index: 3;
+  background-color: transparent;
+}

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

@@ -13,4 +13,9 @@
     bottom: 0;
     z-index: 2;
   }
+
+  .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
+    z-index: 3;
+    background-color: transparent;
+  }
 }

package/lib/index.d.ts

@@ -48,6 +48,8 @@ export type { LabelTextAreaProps } from './label-text-area';
 export { default as LabelTextArea } from './label-text-area';
 export type { AreaTextProps } from './area-text';
 export { default as AreaText } from './area-text';
+export type { JSONEditorProps } from './json-editor';
+export { default as JsonEditor } from './json-editor';
 export type { LabelRangePickerProps } from './label-range-picker';
 export { default as LabelRangePicker } from './label-range-picker';
 export type { LabelDatePickerProps } from './label-date-picker';

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.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.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");
 
@@ -245,6 +245,15 @@ Object.defineProperty(exports, "AreaText", {
   }
 });
 
+var json_editor_1 = require("./json-editor");
+
+Object.defineProperty(exports, "JsonEditor", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(json_editor_1)["default"];
+  }
+});
+
 var label_range_picker_1 = require("./label-range-picker");
 
 Object.defineProperty(exports, "LabelRangePicker", {

package/lib/json-editor/index.d.ts

@@ -0,0 +1,10 @@
+import type { JSONEditorOptions } from 'jsoneditor';
+import React from 'react';
+export declare type JSONEditorProps = {
+    className?: string;
+    options?: JSONEditorOptions;
+    onChange?: (value: string) => void;
+    value?: string;
+};
+declare const ForwardRefJsonEditor: React.ForwardRefExoticComponent<JSONEditorProps & React.RefAttributes<unknown>>;
+export default ForwardRefJsonEditor;

package/lib/json-editor/index.js

@@ -0,0 +1,161 @@
+"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 __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
+});
+
+var jsoneditor_1 = __importDefault(require("jsoneditor"));
+
+var react_1 = __importStar(require("react"));
+
+var useControllableValue_1 = __importDefault(require("ahooks/lib/useControllableValue"));
+
+var useMount_1 = __importDefault(require("ahooks/lib/useMount"));
+
+var isEqual_1 = __importDefault(require("lodash/isEqual"));
+
+var useUnmount_1 = __importDefault(require("ahooks/lib/useUnmount"));
+
+var classnames_1 = __importDefault(require("classnames"));
+
+var JsonEditor = function JsonEditor(props, ref) {
+  var options = props.options,
+      className = props.className;
+
+  var _a = __read((0, useControllableValue_1["default"])(props), 2),
+      value = _a[0],
+      setValue = _a[1];
+
+  var containerRef = react_1["default"].useRef();
+  var editorInstanceRef = react_1["default"].useRef();
+  (0, useMount_1["default"])(function () {
+    editorInstanceRef.current = new jsoneditor_1["default"](containerRef.current, __assign(__assign({
+      mode: 'code',
+      indentation: 2
+    }, options), {
+      onChangeText: function onChangeText() {
+        var _a;
+
+        try {
+          var currentJson = (_a = editorInstanceRef.current) === null || _a === void 0 ? void 0 : _a.get();
+          setValue(currentJson);
+        } catch (error) {
+          console.log('error', error);
+        }
+      }
+    }));
+  });
+  (0, react_1.useImperativeHandle)(ref, function () {
+    return containerRef.current;
+  });
+  (0, react_1.useEffect)(function () {
+    var _a, _b;
+
+    if (value && !(0, isEqual_1["default"])(value, (_a = editorInstanceRef.current) === null || _a === void 0 ? void 0 : _a.get())) {
+      (_b = editorInstanceRef.current) === null || _b === void 0 ? void 0 : _b.update(value);
+    }
+  }, [value]);
+  (0, useUnmount_1["default"])(function () {
+    var _a;
+
+    (_a = editorInstanceRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
+  });
+  return react_1["default"].createElement("div", {
+    ref: function ref(el) {
+      return containerRef.current = el;
+    },
+    className: (0, classnames_1["default"])('a-jason-editor', className)
+  });
+};
+
+var ForwardRefJsonEditor = react_1["default"].forwardRef(JsonEditor);
+exports["default"] = ForwardRefJsonEditor;

package/lib/json-editor/style/index.css

@@ -0,0 +1,3 @@
+.a-jason-editor .jsoneditor-menu {
+  display: none;
+}

package/lib/json-editor/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'jsoneditor/dist/jsoneditor.min.css';
+import './index.less';

package/lib/json-editor/style/index.js

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

package/lib/json-editor/style/index.less

@@ -0,0 +1,5 @@
+.a-jason-editor {
+  .jsoneditor-menu {
+    display: none;
+  }
+}

package/lib/label-customize-range-picker/index.js

@@ -196,8 +196,16 @@ var LabelCustomizeRangePicker = function LabelCustomizeRangePicker(props) {
     }
   }, [date]);
   (0, react_1.useEffect)(function () {
+    var _a = __read(date || [], 2),
+        startTime = _a[0],
+        endTime = _a[1];
+
     if (maxScope) {
-      setDate((0, utils_1.formatMaxScope)(date, maxScope));
+      var _b = __read((0, utils_1.formatMaxScope)(date, maxScope), 2),
+          newStartDate = _b[0],
+          newEndDate = _b[1];
+
+      if (!(newStartDate === null || newStartDate === void 0 ? void 0 : newStartDate.isSame(startTime)) || !(newEndDate === null || newEndDate === void 0 ? void 0 : newEndDate.isSame(endTime))) setDate((0, utils_1.formatMaxScope)(date, maxScope));
     }
   }, [maxScope]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "2.1.50",
+  "version": "2.1.53",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -35,11 +35,13 @@
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-resizable": "^3.0.0",
     "a-icons": "^1.0.83",
-    "aa-utils": "^2.0.35",
+    "aa-utils": "^2.0.36",
     "ahooks": "^3.0.8",
     "bignumber.js": "^9.0.1",
     "copy-to-clipboard": "^3.3.1",
     "echarts": "^5.1.2",
+    "jsoneditor": "^9.9.0",
+    "jsoneditor-react": "^3.1.2",
     "qrcode": "^1.4.4",
     "rc-motion": "^2.4.4",
     "rc-util": "^5.13.2",
@@ -60,6 +62,7 @@
   "devDependencies": {
     "@types/enzyme": "^3.10.5",
     "@types/insert-css": "^2.0.1",
+    "@types/jsoneditor": "^9.5.1",
     "@types/qrcode": "^1.4.1",
     "@types/react-highlight-words": "^0.16.3",
     "@types/react-transition-group": "^4.4.2",
@@ -73,5 +76,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "9fdda4197f9bfd225a2fd786ad4c178fe16937a5"
+  "gitHead": "5085e97dcdfa4e1af5098e8e372b7b1a5b34c98e"
 }