assui 3.2.41 → 3.2.42

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

@@ -0,0 +1,9 @@
+import type { ConditionSelectProps } from './types';
+declare const ConditionSelect: ({
+  option,
+  value,
+  onChange,
+  selectProps,
+  selectName,
+}: ConditionSelectProps) => JSX.Element;
+export default ConditionSelect;

package/es/condition-select/index.js

@@ -0,0 +1,163 @@
+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 useControllableValue from 'ahooks/es/useControllableValue';
+import Col from 'antd/es/grid/col';
+import Row from 'antd/es/grid/row';
+import Select from 'antd/es/select';
+import omit from 'lodash/omit';
+import React from 'react';
+var ConditionSelect = function ConditionSelect(_a) {
+  var option = _a.option,
+    value = _a.value,
+    onChange = _a.onChange,
+    selectProps = _a.selectProps,
+    selectName = _a.selectName;
+  var _b = __read(
+      useControllableValue({
+        value: value,
+        onChange: onChange,
+      }),
+      2,
+    ),
+    componentValue = _b[0],
+    setComponentValue = _b[1];
+  var current = React.useMemo(
+    function () {
+      if (!componentValue || !componentValue[selectName]) {
+        return null;
+      }
+      var result = option.find(function (item) {
+        return item.value === componentValue[selectName];
+      });
+      if (result) {
+        return result;
+      }
+      throw new Error('can not find this option');
+    },
+    [componentValue],
+  );
+  var DynamicComponent =
+    current === null || current === void 0 ? void 0 : current.component;
+  var componentProps = omit(
+    current === null || current === void 0 ? void 0 : current.componentProps,
+    'parseValue',
+  );
+  var fieldProps =
+    current === null || current === void 0 ? void 0 : current.componentProps;
+  var handleTypeChange = function handleTypeChange(val) {
+    var _a;
+    setComponentValue(((_a = {}), (_a[selectName] = val), _a));
+  };
+  var handleInputChange = function handleInputChange(v) {
+    var _a;
+    setComponentValue(
+      __assign(
+        __assign({}, componentValue),
+        ((_a = {}), (_a[componentProps.name] = v), _a),
+      ),
+    );
+  };
+  var firstSpan = DynamicComponent ? 10 : 24;
+  return /*#__PURE__*/ React.createElement(
+    Row,
+    {
+      gutter: 10,
+    },
+    /*#__PURE__*/ React.createElement(
+      Col,
+      {
+        span: firstSpan,
+      },
+      /*#__PURE__*/ React.createElement(
+        Select,
+        __assign(
+          {
+            onChange: handleTypeChange,
+            value:
+              componentValue === null || componentValue === void 0
+                ? void 0
+                : componentValue[selectName],
+            allowClear: true,
+          },
+          selectProps,
+        ),
+        option.map(function (item) {
+          return /*#__PURE__*/ React.createElement(
+            Select.Option,
+            {
+              key: item.value,
+              value: item.value,
+            },
+            item.label,
+          );
+        }),
+      ),
+    ),
+    DynamicComponent &&
+      /*#__PURE__*/ React.createElement(
+        Col,
+        {
+          span: 14,
+        },
+        /*#__PURE__*/ React.createElement(
+          DynamicComponent,
+          __assign(__assign({}, componentProps), {
+            value: componentValue[componentProps.name],
+            onChange: function onChange(v) {
+              var parseValue =
+                fieldProps === null || fieldProps === void 0
+                  ? void 0
+                  : fieldProps.parseValue;
+              if (parseValue) {
+                var parseValueResult = parseValue(v);
+                handleInputChange(parseValueResult);
+                return;
+              }
+              handleInputChange(v);
+            },
+          }),
+        ),
+      ),
+  );
+};
+export default ConditionSelect;

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

@@ -0,0 +1,3 @@
+import 'antd/lib/col/style';
+import 'antd/lib/row/style';
+import 'antd/lib/select/style';

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

@@ -0,0 +1,3 @@
+import 'antd/es/col/style';
+import 'antd/es/row/style';
+import 'antd/es/select/style';

package/es/condition-select/types.d.ts

@@ -0,0 +1,23 @@
+import type { SelectProps } from 'antd';
+export type ValueType = Record<string, any>;
+export type ComponentConfig<
+  C extends React.ComponentType<any> = React.ComponentType<any>,
+> = {
+  component?: C;
+  componentProps?: React.ComponentProps<C> & {
+    parseValue?: (value: any) => any;
+    onChange: (value: any) => any;
+  };
+};
+export type DynamicComponentType = {
+  label: string | React.ReactNode;
+  value: any;
+  name: string;
+} & ComponentConfig;
+export type ConditionSelectProps = {
+  value?: ValueType;
+  onChange?: (value: ValueType) => void;
+  option: DynamicComponentType[];
+  selectName: string;
+  selectProps: SelectProps;
+};

package/es/condition-select/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,8 @@
+import type { ComponentConfig } from '../types';
+export declare function getComponentConfig<C extends React.ComponentType<any>>(
+  component: C,
+  props: React.ComponentProps<C> & {
+    name?: string;
+    parseValue?: (v: any) => any;
+  },
+): ComponentConfig;

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

@@ -0,0 +1,6 @@
+export function getComponentConfig(component, props) {
+  return {
+    component: component,
+    componentProps: props,
+  };
+}

package/es/index.d.ts

@@ -13,8 +13,10 @@ export { default as ComplexValSelect } from './complex-val-select';
 export type { ComplexValSelectProps } from './complex-val-select';
 export { default as ConditionInput } from './condition-input';
 export type { ConditionInputProps } from './condition-input';
+export { default as ConditionSelect } from './condition-select';
 export { default as ConditionSelectInput } from './condition-select-input';
 export type { ConditionSelectInputProps } from './condition-select-input';
+export type { ConditionSelectProps } from './condition-select/types';
 export { default as ConfigProvider } from './config-provider';
 export type { ConfigProviderProps } from './config-provider';
 export { default as CopyToClipboard } from './copy-to-clipboard';

package/es/index.js

@@ -6,6 +6,7 @@ export { default as ButtonModal } from './button-modal';
 export { default as ColorSelect } from './color-select';
 export { default as ComplexValSelect } from './complex-val-select';
 export { default as ConditionInput } from './condition-input';
+export { default as ConditionSelect } from './condition-select';
 export { default as ConditionSelectInput } from './condition-select-input';
 export { default as ConfigProvider } from './config-provider';
 export { default as CopyToClipboard } from './copy-to-clipboard';

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

@@ -0,0 +1,9 @@
+import type { ConditionSelectProps } from './types';
+declare const ConditionSelect: ({
+  option,
+  value,
+  onChange,
+  selectProps,
+  selectName,
+}: ConditionSelectProps) => JSX.Element;
+export default ConditionSelect;

package/lib/condition-select/index.js

@@ -0,0 +1,177 @@
+'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 __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 useControllableValue_1 = __importDefault(require('ahooks/lib/useControllableValue'));
+var col_1 = __importDefault(require('antd/lib/grid/col'));
+var row_1 = __importDefault(require('antd/lib/grid/row'));
+var select_1 = __importDefault(require('antd/lib/select'));
+var omit_1 = __importDefault(require('lodash/omit'));
+var react_1 = __importDefault(require('react'));
+var ConditionSelect = function ConditionSelect(_a) {
+  var option = _a.option,
+    value = _a.value,
+    onChange = _a.onChange,
+    selectProps = _a.selectProps,
+    selectName = _a.selectName;
+  var _b = __read(
+      (0, useControllableValue_1['default'])({
+        value: value,
+        onChange: onChange,
+      }),
+      2,
+    ),
+    componentValue = _b[0],
+    setComponentValue = _b[1];
+  var current = react_1['default'].useMemo(
+    function () {
+      if (!componentValue || !componentValue[selectName]) {
+        return null;
+      }
+      var result = option.find(function (item) {
+        return item.value === componentValue[selectName];
+      });
+      if (result) {
+        return result;
+      }
+      throw new Error('can not find this option');
+    },
+    [componentValue],
+  );
+  var DynamicComponent =
+    current === null || current === void 0 ? void 0 : current.component;
+  var componentProps = (0, omit_1['default'])(
+    current === null || current === void 0 ? void 0 : current.componentProps,
+    'parseValue',
+  );
+  var fieldProps =
+    current === null || current === void 0 ? void 0 : current.componentProps;
+  var handleTypeChange = function handleTypeChange(val) {
+    var _a;
+    setComponentValue(((_a = {}), (_a[selectName] = val), _a));
+  };
+  var handleInputChange = function handleInputChange(v) {
+    var _a;
+    setComponentValue(
+      __assign(
+        __assign({}, componentValue),
+        ((_a = {}), (_a[componentProps.name] = v), _a),
+      ),
+    );
+  };
+  var firstSpan = DynamicComponent ? 10 : 24;
+  return react_1['default'].createElement(
+    row_1['default'],
+    {
+      gutter: 10,
+    },
+    react_1['default'].createElement(
+      col_1['default'],
+      {
+        span: firstSpan,
+      },
+      react_1['default'].createElement(
+        select_1['default'],
+        __assign(
+          {
+            onChange: handleTypeChange,
+            value:
+              componentValue === null || componentValue === void 0
+                ? void 0
+                : componentValue[selectName],
+            allowClear: true,
+          },
+          selectProps,
+        ),
+        option.map(function (item) {
+          return react_1['default'].createElement(
+            select_1['default'].Option,
+            {
+              key: item.value,
+              value: item.value,
+            },
+            item.label,
+          );
+        }),
+      ),
+    ),
+    DynamicComponent &&
+      react_1['default'].createElement(
+        col_1['default'],
+        {
+          span: 14,
+        },
+        react_1['default'].createElement(
+          DynamicComponent,
+          __assign(__assign({}, componentProps), {
+            value: componentValue[componentProps.name],
+            onChange: function onChange(v) {
+              var parseValue =
+                fieldProps === null || fieldProps === void 0
+                  ? void 0
+                  : fieldProps.parseValue;
+              if (parseValue) {
+                var parseValueResult = parseValue(v);
+                handleInputChange(parseValueResult);
+                return;
+              }
+              handleInputChange(v);
+            },
+          }),
+        ),
+      ),
+  );
+};
+exports['default'] = ConditionSelect;

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

@@ -0,0 +1,3 @@
+import 'antd/lib/col/style';
+import 'antd/lib/row/style';
+import 'antd/lib/select/style';

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

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

package/lib/condition-select/types.d.ts

@@ -0,0 +1,23 @@
+import type { SelectProps } from 'antd';
+export type ValueType = Record<string, any>;
+export type ComponentConfig<
+  C extends React.ComponentType<any> = React.ComponentType<any>,
+> = {
+  component?: C;
+  componentProps?: React.ComponentProps<C> & {
+    parseValue?: (value: any) => any;
+    onChange: (value: any) => any;
+  };
+};
+export type DynamicComponentType = {
+  label: string | React.ReactNode;
+  value: any;
+  name: string;
+} & ComponentConfig;
+export type ConditionSelectProps = {
+  value?: ValueType;
+  onChange?: (value: ValueType) => void;
+  option: DynamicComponentType[];
+  selectName: string;
+  selectProps: SelectProps;
+};

package/lib/condition-select/types.js

@@ -0,0 +1,5 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});

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

@@ -0,0 +1,8 @@
+import type { ComponentConfig } from '../types';
+export declare function getComponentConfig<C extends React.ComponentType<any>>(
+  component: C,
+  props: React.ComponentProps<C> & {
+    name?: string;
+    parseValue?: (v: any) => any;
+  },
+): ComponentConfig;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+exports.getComponentConfig = getComponentConfig;
+function getComponentConfig(component, props) {
+  return {
+    component: component,
+    componentProps: props,
+  };
+}

package/lib/index.d.ts

@@ -13,8 +13,10 @@ export { default as ComplexValSelect } from './complex-val-select';
 export type { ComplexValSelectProps } from './complex-val-select';
 export { default as ConditionInput } from './condition-input';
 export type { ConditionInputProps } from './condition-input';
+export { default as ConditionSelect } from './condition-select';
 export { default as ConditionSelectInput } from './condition-select-input';
 export type { ConditionSelectInputProps } from './condition-select-input';
+export type { ConditionSelectProps } from './condition-select/types';
 export { default as ConfigProvider } from './config-provider';
 export type { ConfigProviderProps } from './config-provider';
 export { default as CopyToClipboard } from './copy-to-clipboard';

package/lib/index.js

@@ -12,15 +12,16 @@ var __importDefault =
 Object.defineProperty(exports, '__esModule', {
   value: true,
 });
-exports.CountDown =
+exports.ConditionSelect =
   exports.CountUp =
+  exports.CountDown =
   exports.ComplexValSelect =
   exports.MultipartUpload =
   exports.LabelConditionSelectInput =
   exports.Flex =
   exports.Resizable =
-  exports.BeautifulDnd =
   exports.RichTextEditor =
+  exports.BeautifulDnd =
   exports.LabelCustomizeRangePicker =
   exports.TableCol =
   exports.LabelTreeSelect =
@@ -326,18 +327,18 @@ Object.defineProperty(exports, 'LabelCustomizeRangePicker', {
     return __importDefault(label_customize_range_picker_1)['default'];
   },
 });
-var rich_text_editor_1 = require('./rich-text-editor');
-Object.defineProperty(exports, 'RichTextEditor', {
+var beautiful_dnd_1 = require('./beautiful-dnd');
+Object.defineProperty(exports, 'BeautifulDnd', {
   enumerable: true,
   get: function get() {
-    return __importDefault(rich_text_editor_1)['default'];
+    return __importDefault(beautiful_dnd_1)['default'];
   },
 });
-var beautiful_dnd_1 = require('./beautiful-dnd');
-Object.defineProperty(exports, 'BeautifulDnd', {
+var rich_text_editor_1 = require('./rich-text-editor');
+Object.defineProperty(exports, 'RichTextEditor', {
   enumerable: true,
   get: function get() {
-    return __importDefault(beautiful_dnd_1)['default'];
+    return __importDefault(rich_text_editor_1)['default'];
   },
 });
 var resizable_1 = require('./resizable');
@@ -375,6 +376,13 @@ Object.defineProperty(exports, 'ComplexValSelect', {
     return __importDefault(complex_val_select_1)['default'];
   },
 });
+var count_down_1 = require('./count-down');
+Object.defineProperty(exports, 'CountDown', {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(count_down_1)['default'];
+  },
+});
 var count_up_1 = require('./count-up');
 Object.defineProperty(exports, 'CountUp', {
   enumerable: true,
@@ -382,10 +390,10 @@ Object.defineProperty(exports, 'CountUp', {
     return __importDefault(count_up_1)['default'];
   },
 });
-var count_down_1 = require('./count-down');
-Object.defineProperty(exports, 'CountDown', {
+var condition_select_1 = require('./condition-select');
+Object.defineProperty(exports, 'ConditionSelect', {
   enumerable: true,
   get: function get() {
-    return __importDefault(count_down_1)['default'];
+    return __importDefault(condition_select_1)['default'];
   },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "3.2.41",
+  "version": "3.2.42",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -82,5 +82,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "02eb2b0598ff197ce64db430ef7d7ffce601f366"
+  "gitHead": "ca15e948a12281b012a6faebb1bc8f1764b827bd"
 }