assui 3.0.70 → 3.0.73

package/es/condition-select-input/index.d.ts

@@ -0,0 +1,35 @@
+import type { SelectProps } from 'antd/lib/select';
+import type { ConditionInputProps } from '../condition-input';
+export declare enum InputTypeEnum {
+    CONDITION_INPUT = "conditionInput",
+    SELECT = "select"
+}
+declare type SelectOptionsType = {
+    value: number;
+    label: string;
+};
+export interface MainSelectOptionsType extends SelectOptionsType {
+    children?: SelectOptionsType[];
+}
+export interface ValueType {
+    selectValue?: number | string | null;
+    inputValue?: SelectProps['value'] | ConditionInputProps['value'];
+}
+export interface ConditionSelectInputProps {
+    value?: ValueType;
+    /** 不需要展示联动输入框的字段值 */
+    hiddenInputKeys?: ValueType['selectValue'][];
+    /** selectProps */
+    selectProps?: SelectProps;
+    /** 联动inputProps */
+    conditionInputProps?: ConditionInputProps;
+    /** 联动selectProps */
+    conditionSelectProps?: SelectProps;
+    onChange?: (value: ValueType) => void;
+    /** 输入框类型 */
+    inputType?: InputTypeEnum;
+    /** select options */
+    optionsList: MainSelectOptionsType[];
+}
+declare const ConditionSelectInput: (props: ConditionSelectInputProps) => JSX.Element;
+export default ConditionSelectInput;

package/es/condition-select-input/index.js

@@ -0,0 +1,134 @@
+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 isNil from 'lodash/isNil';
+import classNames from 'classnames';
+import Select from "antd/es/select";
+import React, { useEffect, useState } from 'react';
+import useControllableValue from "ahooks/es/useControllableValue";
+import ConditionInput from '../condition-input';
+export var InputTypeEnum;
+(function (InputTypeEnum) {
+  InputTypeEnum["CONDITION_INPUT"] = "conditionInput";
+  InputTypeEnum["SELECT"] = "select";
+})(InputTypeEnum || (InputTypeEnum = {}));
+var ConditionSelectInput = function ConditionSelectInput(props) {
+  var value = props.value,
+    _a = props.hiddenInputKeys,
+    hiddenInputKeys = _a === void 0 ? [] : _a,
+    selectProps = props.selectProps,
+    conditionInputProps = props.conditionInputProps,
+    conditionSelectProps = props.conditionSelectProps,
+    _b = props.inputType,
+    inputType = _b === void 0 ? InputTypeEnum.CONDITION_INPUT : _b,
+    _c = props.optionsList,
+    optionsList = _c === void 0 ? [] : _c;
+  var isInput = inputType === InputTypeEnum.CONDITION_INPUT;
+  var _d = __read(useControllableValue(props), 2),
+    selectInputValue = _d[0],
+    setSelectInputValue = _d[1];
+  var _e = __read(useState([]), 2),
+    subSelectOptions = _e[0],
+    setSubSelectOptions = _e[1];
+  useEffect(function () {
+    if (value && value.selectValue && optionsList.length) {
+      var _a = __read(optionsList.filter(function (item) {
+          return item.value === value.selectValue;
+        }), 1),
+        selectValueItem = _a[0];
+      if (selectValueItem && selectValueItem.children) {
+        setSubSelectOptions(selectValueItem.children);
+      }
+    }
+  }, [value, optionsList]);
+  var onSelectChange = function onSelectChange(selectValue) {
+    var inputValue = isInput ? '' : undefined;
+    setSelectInputValue({
+      selectValue: selectValue,
+      inputValue: inputValue
+    });
+    if (isInput || isNil(selectValue)) {
+      setSubSelectOptions([]);
+      return;
+    }
+    var _a = __read(optionsList.filter(function (item) {
+        return item.value === selectValue;
+      }), 1),
+      selectValueItem = _a[0];
+    if (selectValueItem.children) {
+      setSubSelectOptions(selectValueItem.children);
+    }
+  };
+  var onInputChange = function onInputChange(inputValue) {
+    setSelectInputValue({
+      selectValue: selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.selectValue,
+      inputValue: inputValue
+    });
+  };
+  var onTypeSelectChange = function onTypeSelectChange(inputValue) {
+    setSelectInputValue({
+      selectValue: selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.selectValue,
+      inputValue: inputValue
+    });
+  };
+  // 是否展示输入框
+  var isShowInput = !isNil(selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.selectValue) && !(hiddenInputKeys === null || hiddenInputKeys === void 0 ? void 0 : hiddenInputKeys.includes(selectInputValue.selectValue));
+  var typeInput = isInput ? /*#__PURE__*/React.createElement("div", {
+    className: "condition-select-input"
+  }, /*#__PURE__*/React.createElement(ConditionInput, __assign({}, conditionInputProps, {
+    onChange: onInputChange,
+    value: selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.inputValue
+  }))) : /*#__PURE__*/React.createElement("div", {
+    className: "condition-select-select-input"
+  }, /*#__PURE__*/React.createElement(Select, __assign({}, conditionSelectProps, {
+    onChange: onTypeSelectChange,
+    value: selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.inputValue,
+    options: subSelectOptions
+  })));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "condition-select-wrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('condition-select-selecter', {
+      'condition-two-select-selecter': !isInput,
+      'condition-only-selecter': !isShowInput
+    })
+  }, /*#__PURE__*/React.createElement(Select, __assign({}, selectProps, {
+    onChange: onSelectChange,
+    value: selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.selectValue,
+    options: optionsList
+  }))), isShowInput && typeInput);
+};
+export default ConditionSelectInput;

package/es/condition-select-input/style/index.css

@@ -0,0 +1,23 @@
+.condition-select-wrap {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.condition-select-selecter {
+  width: 30%;
+  margin-right: 8px;
+}
+.condition-select-input {
+  width: 70%;
+}
+.condition-two-select-selecter {
+  width: 50%;
+  margin-right: 8px;
+}
+.condition-only-selecter {
+  width: 100%;
+  margin-right: 0;
+}
+.condition-select-select-input {
+  width: 50%;
+}

package/es/condition-select-input/style/index.d.ts

@@ -0,0 +1,3 @@
+import 'antd/lib/select/style';
+import 'antd/lib/input/style';
+import './index.less';

package/es/condition-select-input/style/index.js

@@ -0,0 +1,3 @@
+import "antd/es/select/style";
+import "antd/es/input/style";
+import './index.less';

package/es/condition-select-input/style/index.less

@@ -0,0 +1,28 @@
+.condition-select-wrap {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.condition-select-selecter {
+  width: 30%;
+  margin-right: 8px;
+}
+
+.condition-select-input {
+  width: 70%;
+}
+
+.condition-two-select-selecter {
+  width: 50%;
+  margin-right: 8px;
+}
+
+.condition-only-selecter {
+  width: 100%;
+  margin-right: 0;
+}
+
+.condition-select-select-input {
+  width: 50%;
+}

package/es/index.d.ts

@@ -4,6 +4,8 @@ export type { ButtonModalProps } from './button-modal';
 export { default as ButtonModal } from './button-modal';
 export type { ConditionInputProps } from './condition-input';
 export { default as ConditionInput } from './condition-input';
+export type { ConditionSelectInputProps } from './condition-select-input';
+export { default as ConditionSelectInput } from './condition-select-input';
 export type { ConfigProviderProps } from './config-provider';
 export { default as ConfigProvider } from './config-provider';
 export { default as NumberFormatInput } from './number-format-input';

package/es/index.js

@@ -1,6 +1,7 @@
 export { default as ButtonDrawer } from './button-drawer';
 export { default as ButtonModal } from './button-modal';
 export { default as ConditionInput } from './condition-input';
+export { default as ConditionSelectInput } from './condition-select-input';
 export { default as ConfigProvider } from './config-provider';
 export { default as NumberFormatInput } from './number-format-input';
 export { default as CopyToClipboard } from './copy-to-clipboard';

package/lib/condition-select-input/index.d.ts

@@ -0,0 +1,35 @@
+import type { SelectProps } from 'antd/lib/select';
+import type { ConditionInputProps } from '../condition-input';
+export declare enum InputTypeEnum {
+    CONDITION_INPUT = "conditionInput",
+    SELECT = "select"
+}
+declare type SelectOptionsType = {
+    value: number;
+    label: string;
+};
+export interface MainSelectOptionsType extends SelectOptionsType {
+    children?: SelectOptionsType[];
+}
+export interface ValueType {
+    selectValue?: number | string | null;
+    inputValue?: SelectProps['value'] | ConditionInputProps['value'];
+}
+export interface ConditionSelectInputProps {
+    value?: ValueType;
+    /** 不需要展示联动输入框的字段值 */
+    hiddenInputKeys?: ValueType['selectValue'][];
+    /** selectProps */
+    selectProps?: SelectProps;
+    /** 联动inputProps */
+    conditionInputProps?: ConditionInputProps;
+    /** 联动selectProps */
+    conditionSelectProps?: SelectProps;
+    onChange?: (value: ValueType) => void;
+    /** 输入框类型 */
+    inputType?: InputTypeEnum;
+    /** select options */
+    optionsList: MainSelectOptionsType[];
+}
+declare const ConditionSelectInput: (props: ConditionSelectInputProps) => JSX.Element;
+export default ConditionSelectInput;

package/lib/condition-select-input/index.js

@@ -0,0 +1,178 @@
+"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
+});
+exports.InputTypeEnum = void 0;
+var isNil_1 = __importDefault(require("lodash/isNil"));
+var classnames_1 = __importDefault(require("classnames"));
+var select_1 = __importDefault(require("antd/lib/select"));
+var react_1 = __importStar(require("react"));
+var useControllableValue_1 = __importDefault(require("ahooks/lib/useControllableValue"));
+var condition_input_1 = __importDefault(require("../condition-input"));
+var InputTypeEnum;
+(function (InputTypeEnum) {
+  InputTypeEnum["CONDITION_INPUT"] = "conditionInput";
+  InputTypeEnum["SELECT"] = "select";
+})(InputTypeEnum = exports.InputTypeEnum || (exports.InputTypeEnum = {}));
+var ConditionSelectInput = function ConditionSelectInput(props) {
+  var value = props.value,
+    _a = props.hiddenInputKeys,
+    hiddenInputKeys = _a === void 0 ? [] : _a,
+    selectProps = props.selectProps,
+    conditionInputProps = props.conditionInputProps,
+    conditionSelectProps = props.conditionSelectProps,
+    _b = props.inputType,
+    inputType = _b === void 0 ? InputTypeEnum.CONDITION_INPUT : _b,
+    _c = props.optionsList,
+    optionsList = _c === void 0 ? [] : _c;
+  var isInput = inputType === InputTypeEnum.CONDITION_INPUT;
+  var _d = __read((0, useControllableValue_1["default"])(props), 2),
+    selectInputValue = _d[0],
+    setSelectInputValue = _d[1];
+  var _e = __read((0, react_1.useState)([]), 2),
+    subSelectOptions = _e[0],
+    setSubSelectOptions = _e[1];
+  (0, react_1.useEffect)(function () {
+    if (value && value.selectValue && optionsList.length) {
+      var _a = __read(optionsList.filter(function (item) {
+          return item.value === value.selectValue;
+        }), 1),
+        selectValueItem = _a[0];
+      if (selectValueItem && selectValueItem.children) {
+        setSubSelectOptions(selectValueItem.children);
+      }
+    }
+  }, [value, optionsList]);
+  var onSelectChange = function onSelectChange(selectValue) {
+    var inputValue = isInput ? '' : undefined;
+    setSelectInputValue({
+      selectValue: selectValue,
+      inputValue: inputValue
+    });
+    if (isInput || (0, isNil_1["default"])(selectValue)) {
+      setSubSelectOptions([]);
+      return;
+    }
+    var _a = __read(optionsList.filter(function (item) {
+        return item.value === selectValue;
+      }), 1),
+      selectValueItem = _a[0];
+    if (selectValueItem.children) {
+      setSubSelectOptions(selectValueItem.children);
+    }
+  };
+  var onInputChange = function onInputChange(inputValue) {
+    setSelectInputValue({
+      selectValue: selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.selectValue,
+      inputValue: inputValue
+    });
+  };
+  var onTypeSelectChange = function onTypeSelectChange(inputValue) {
+    setSelectInputValue({
+      selectValue: selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.selectValue,
+      inputValue: inputValue
+    });
+  };
+  // 是否展示输入框
+  var isShowInput = !(0, isNil_1["default"])(selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.selectValue) && !(hiddenInputKeys === null || hiddenInputKeys === void 0 ? void 0 : hiddenInputKeys.includes(selectInputValue.selectValue));
+  var typeInput = isInput ? react_1["default"].createElement("div", {
+    className: "condition-select-input"
+  }, react_1["default"].createElement(condition_input_1["default"], __assign({}, conditionInputProps, {
+    onChange: onInputChange,
+    value: selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.inputValue
+  }))) : react_1["default"].createElement("div", {
+    className: "condition-select-select-input"
+  }, react_1["default"].createElement(select_1["default"], __assign({}, conditionSelectProps, {
+    onChange: onTypeSelectChange,
+    value: selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.inputValue,
+    options: subSelectOptions
+  })));
+  return react_1["default"].createElement("div", {
+    className: "condition-select-wrap"
+  }, react_1["default"].createElement("div", {
+    className: (0, classnames_1["default"])('condition-select-selecter', {
+      'condition-two-select-selecter': !isInput,
+      'condition-only-selecter': !isShowInput
+    })
+  }, react_1["default"].createElement(select_1["default"], __assign({}, selectProps, {
+    onChange: onSelectChange,
+    value: selectInputValue === null || selectInputValue === void 0 ? void 0 : selectInputValue.selectValue,
+    options: optionsList
+  }))), isShowInput && typeInput);
+};
+exports["default"] = ConditionSelectInput;

package/lib/condition-select-input/style/index.css

@@ -0,0 +1,23 @@
+.condition-select-wrap {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.condition-select-selecter {
+  width: 30%;
+  margin-right: 8px;
+}
+.condition-select-input {
+  width: 70%;
+}
+.condition-two-select-selecter {
+  width: 50%;
+  margin-right: 8px;
+}
+.condition-only-selecter {
+  width: 100%;
+  margin-right: 0;
+}
+.condition-select-select-input {
+  width: 50%;
+}

package/lib/condition-select-input/style/index.d.ts

@@ -0,0 +1,3 @@
+import 'antd/lib/select/style';
+import 'antd/lib/input/style';
+import './index.less';

package/lib/condition-select-input/style/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+require("antd/lib/select/style");
+require("antd/lib/input/style");
+require("./index.less");

package/lib/condition-select-input/style/index.less

@@ -0,0 +1,28 @@
+.condition-select-wrap {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.condition-select-selecter {
+  width: 30%;
+  margin-right: 8px;
+}
+
+.condition-select-input {
+  width: 70%;
+}
+
+.condition-two-select-selecter {
+  width: 50%;
+  margin-right: 8px;
+}
+
+.condition-only-selecter {
+  width: 100%;
+  margin-right: 0;
+}
+
+.condition-select-select-input {
+  width: 50%;
+}

package/lib/index.d.ts

@@ -4,6 +4,8 @@ export type { ButtonModalProps } from './button-modal';
 export { default as ButtonModal } from './button-modal';
 export type { ConditionInputProps } from './condition-input';
 export { default as ConditionInput } from './condition-input';
+export type { ConditionSelectInputProps } from './condition-select-input';
+export { default as ConditionSelectInput } from './condition-select-input';
 export type { ConfigProviderProps } from './config-provider';
 export { default as ConfigProvider } from './config-provider';
 export { default as NumberFormatInput } from './number-format-input';

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.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
+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,
@@ -30,6 +30,13 @@ Object.defineProperty(exports, "ConditionInput", {
     return __importDefault(condition_input_1)["default"];
   }
 });
+var condition_select_input_1 = require("./condition-select-input");
+Object.defineProperty(exports, "ConditionSelectInput", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(condition_select_input_1)["default"];
+  }
+});
 var config_provider_1 = require("./config-provider");
 Object.defineProperty(exports, "ConfigProvider", {
   enumerable: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "3.0.70",
+  "version": "3.0.73",
   "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.31",
+    "a-icons": "^1.1.33",
     "aa-utils": "^2.1.17",
     "ahooks": "^3.0.8",
     "bignumber.js": "^9.0.1",
@@ -80,5 +80,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "2128b161b98795f791ae68b5bb065f921ae5cb68"
+  "gitHead": "9210e49443fa4e8c53997f1797b0be4a3add80b9"
 }