@hw-component/form 0.0.3 → 0.0.4-beta-v1

package/es/Form/index.js

@@ -0,0 +1,94 @@
+// welcome to hoo hoo hoo
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEffect, createElement } from 'react';
+import { Form } from 'antd';
+import Item from './FormItem/index.js';
+import { useCurrentForm, useInfoReq } from './hooks/index.js';
+import { FormContext } from './Context/index.js';
+import Index from '../PageHandler/index.js';
+import useInitConfigData from './hooks/useInitConfigData.js';
+import InitSet from './InitSet.js';
+
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params"];
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var HForm = (function (_ref) {
+  var configData = _ref.configData,
+    labelWidth = _ref.labelWidth,
+    form = _ref.form,
+    request = _ref.request,
+    onFinish = _ref.onFinish,
+    infoRequest = _ref.infoRequest,
+    _ref$valueType = _ref.valueType,
+    valueType = _ref$valueType === void 0 ? "float" : _ref$valueType,
+    initialValues = _ref.initialValues,
+    _ref$params = _ref.params,
+    params = _ref$params === void 0 ? {} : _ref$params,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var hForm = useCurrentForm(form);
+  var newConfigData = useInitConfigData({
+    configData: configData,
+    form: hForm
+  });
+  var _useInfoReq = useInfoReq({
+      initialValues: initialValues,
+      request: request,
+      onFinish: onFinish,
+      valueType: valueType,
+      form: hForm,
+      infoRequest: infoRequest,
+      params: params
+    }),
+    subControl = _useInfoReq.subControl,
+    infoControl = _useInfoReq.infoControl;
+  var run = subControl.run,
+    loading = subControl.loading;
+  var infoRun = infoControl.run,
+    infoLoading = infoControl.loading,
+    infoErr = infoControl.error,
+    infoData = infoControl.data;
+  useEffect(function () {
+    return function () {
+      hForm.removeDispatchListener();
+    };
+  }, []);
+  return jsx(Index, {
+    loading: infoLoading,
+    error: infoErr,
+    data: infoData,
+    reload: infoRun,
+    children: jsx(FormContext.Provider, {
+      value: {
+        loading: loading,
+        form: hForm,
+        valueType: valueType
+      },
+      children: jsxs(Form, _objectSpread(_objectSpread({
+        form: hForm,
+        onFinish: run
+      }, props), {}, {
+        children: [_mapInstanceProperty(newConfigData).call(newConfigData, function (itemData, index) {
+          var itemLabelWidth = itemData.labelWidth;
+          return /*#__PURE__*/createElement(Item, _objectSpread(_objectSpread({}, itemData), {}, {
+            key: index,
+            labelWidth: itemLabelWidth || labelWidth
+          }));
+        }), jsx(InitSet, {})]
+      }))
+    })
+  });
+});
+
+export { HForm as default };
+// powered by hdj

package/es/Form/modal.d.ts

@@ -0,0 +1,114 @@
+import type { FormInstance, FormItemProps, FormProps } from "antd";
+import type { HCheckboxProps } from "../CheckboxGroup/modal";
+import type React from "react";
+import type { HButtonProps, HInputProps, HSelectInputProps } from "../Input/modal";
+import type { HRadioGroupProps } from "../RadioGroup";
+import type { HSelectProps } from "../Select/modal";
+import type { ButtonProps } from "antd/es";
+import type { HSwitchProps } from "../Switch";
+import type { HDatePickerProps, HRangePickerProps, HTimePickerProps } from "../TDPicker/modal";
+import type { TextAreaProps } from "antd/es/input";
+import type { IUpLoadProps } from "../Upload/modal";
+import type { SelectProps } from "antd";
+import type { RangePickerProps } from "antd/es/date-picker";
+import type { PromiseFnResult, ValueCheckMapModal, ValueSwitchMapModal, DateRangePickerValueMapModal } from "../modal";
+import type { ForwardedRef } from "react";
+import type { DataFnProvider } from "../modal";
+type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => React.ReactNode;
+type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps;
+export interface HoverModal {
+    text?: string;
+    icon?: React.ReactNode;
+}
+type HelperModal = (form: HFormInstance) => React.ReactNode | string;
+export type HideModal = (form: HFormInstance) => boolean;
+export type AddDispatchListenerFn = (action: ActionModal, fn: argsFn) => void;
+export interface HItemProps extends Omit<FormItemProps, "name"> {
+    type?: string;
+    itemProps?: ItemPropsType;
+    render?: RenderFun;
+    helper?: HelperModal | string;
+    hover?: string | HoverModal;
+    labelWidth?: number;
+    hide?: boolean | HideModal;
+    placeholder?: string | string[];
+    name?: string;
+}
+export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "onFinish"> {
+    configData: HItemProps[];
+    labelWidth?: number;
+    request?: (values: T, params?: any) => Promise<R>;
+    infoRequest?: PromiseFnResult;
+    valueType?: string;
+    form?: HFormInstance;
+    params?: any;
+    onFinish?: (values: T, params?: any) => void;
+}
+export interface HFormItemProps extends HItemProps {
+    required?: boolean;
+    value?: any;
+    onChange?: (val: any, item: any) => void;
+}
+export type argsFn = (...args: any[]) => void;
+export interface FormContextProps {
+    loading?: boolean;
+    form: HFormInstance;
+    valueType?: string;
+}
+interface ConfigUploadProps {
+    exFiles?: string[];
+    maxSize?: number;
+    request?: PromiseFnResult;
+}
+export type ComponentModal = React.FunctionComponent<any> | React.ComponentClass<any> | React.ForwardRefExoticComponent<any>;
+export interface ConfigComponentModal {
+    Component: ComponentModal;
+    placeholder?: DataFnProvider<HItemProps>;
+    requiredErrMsg?: DataFnProvider<HItemProps>;
+}
+export type DefaultComponentItemModal = ComponentModal | ConfigComponentModal;
+export type DefaultComponentModal = Record<string, DefaultComponentItemModal>;
+export interface IFormConfigContextProps {
+    fieldNames?: SelectProps["fieldNames"];
+    valueCheckMap?: ValueCheckMapModal;
+    valueSwitchMap?: ValueSwitchMapModal;
+    valueRangePickerValueMap?: DateRangePickerValueMapModal;
+    dateRanges?: RangePickerProps["ranges"];
+    uploadProps?: ConfigUploadProps;
+    defaultComponent?: DefaultComponentModal;
+}
+interface ActionModal {
+    key: string;
+    name?: string;
+}
+export interface HFormInstance extends FormInstance {
+    addFormat: (name: string, formats?: FormatItemModal) => void;
+    initValues: VoidFunction;
+    formatValues: (values?: Record<string, any>, formatKey?: string) => Record<string, any>;
+    dispatch: (action: ActionModal, ...args: any[]) => void;
+    outputValues: (values?: Record<string, any>) => Record<string, any>;
+    addDispatchListener: AddDispatchListenerFn;
+    removeDispatchListener: (action?: ActionModal, fn?: argsFn) => void;
+    reload: PromiseFnResult;
+}
+export interface ConnectConfigModal {
+    format?: Record<string, addFormatItemModal>;
+}
+type ValueFormat = (value: Record<string, any>) => Record<string, any>;
+export interface FormatItemModal {
+    inputValue: ValueFormat;
+    outputValue: ValueFormat;
+}
+type AddValueFormat = (item: HFormItemProps, value: Record<string, any>) => Record<string, any>;
+export interface addFormatItemModal {
+    inputValue: AddValueFormat;
+    outputValue: AddValueFormat;
+}
+export interface ConnectResultProps extends HFormItemProps {
+    addFormat?: (format: Record<string, addFormatItemModal>) => void;
+    addDispatchListener?: (key: string, fn: argsFn) => void;
+    ref?: ForwardedRef<any>;
+    value?: any;
+    onChange?: (value: any, item?: any) => void;
+}
+export {};

package/es/Input/ButtonInput.d.ts

@@ -1,4 +1,4 @@
-import type { HButtonPropsProps } from "./modal";
 import React from "react";
-declare const Index: React.FC<HButtonPropsProps>;
+import type { HButtonInputProps } from "./modal";
+declare const Index: React.FC<HButtonInputProps>;
 export default Index;

package/es/Input/ButtonInput.js

@@ -1,14 +1,24 @@
-// welcome to ww-building-blocks-tmp
-import _extends from '@babel/runtime-corejs3/helpers/extends';
+// welcome to hoo hoo hoo
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Input, Button } from 'antd';
-import React from 'react';
 import { useRequest } from 'ahooks';
 
 var _excluded = ["buttonProps", "value", "onChange", "children", "request"],
   _excluded2 = ["onClick", "type"];
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Index = function Index(_ref) {
   var _ref$buttonProps = _ref.buttonProps,
     buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
@@ -32,7 +42,7 @@ var Index = function Index(_ref) {
     onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
   };
   var click = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var result;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -47,34 +57,39 @@ var Index = function Index(_ref) {
           case 4:
             result = _context.sent;
           case 5:
-            onClick === null || onClick === void 0 ? void 0 : onClick(result, e);
+            onClick === null || onClick === void 0 ? void 0 : onClick(result, onChange);
           case 6:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
-    return function click(_x) {
+    return function click() {
       return _ref2.apply(this, arguments);
     };
   }();
-  return /*#__PURE__*/React.createElement(Input.Group, {
+  return jsxs(Input.Group, {
     compact: true,
     style: {
       display: "flex"
-    }
-  }, /*#__PURE__*/React.createElement(Input, _extends({}, props, {
-    style: {
-      flex: 1
     },
-    value: value,
-    onChange: change
-  })), /*#__PURE__*/React.createElement(Button, _extends({}, oProps, {
-    type: type,
-    onClick: click,
-    loading: loading
-  }), children));
+    children: [jsx(Input, _objectSpread(_objectSpread({}, props), {}, {
+      style: {
+        flex: 1
+      },
+      value: value,
+      onChange: change
+    })), jsx(Button, _objectSpread(_objectSpread({}, oProps), {}, {
+      type: type,
+      onClick: click,
+      loading: loading,
+      style: {
+        marginLeft: 4
+      },
+      children: children
+    }))]
+  });
 };
 
 export { Index as default };
-// powered by ww
+// powered by hdj

package/es/Input/ColorInput/Picker.d.ts

@@ -0,0 +1,3 @@
+import type { HInputProps } from "@/components/Input/modal";
+declare const _default: ({ value, onChange }: HInputProps) => JSX.Element;
+export default _default;

package/es/Input/ColorInput/Picker.js

@@ -0,0 +1,22 @@
+// welcome to hoo hoo hoo
+import { jsx } from 'react/jsx-runtime';
+import { SketchPicker } from 'react-color';
+import { presetColors } from './data.js';
+import { useClassName } from '../../hooks/index.js';
+
+var Picker = (function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  var classname = useClassName("hw-color-input-picker");
+  return jsx(SketchPicker, {
+    width: "250px",
+    styles: {},
+    presetColors: presetColors,
+    color: value,
+    onChangeComplete: onChange,
+    className: classname
+  });
+});
+
+export { Picker as default };
+// powered by hdj

package/es/Input/ColorInput/data.d.ts

@@ -0,0 +1 @@
+export declare const presetColors: string[];

package/es/Input/ColorInput/data.js

@@ -0,0 +1,5 @@
+// welcome to hoo hoo hoo
+var presetColors = ["#fff1f0", "#ffccc7", "#ffa39e", "#ff7875", "#ff4d4f", "#f5222d", "#cf1322", "#a8071a", "#820014", "#5c0011", "#fff7e6", "#ffe7ba", "#ffd591", "#ffc069", "#ffa940", "#fa8c16", "#d46b08", "#ad4e00", "#873800", "#612500", "#feffe6", "#ffffb8", "#fffb8f", "#fff566", "#ffec3d", "#fadb14", "#d4b106", "#ad8b00", "#876800", "#614700", "#f6ffed", "#d9f7be", "#b7eb8f", "#95de64", "#73d13d", "#52c41a", "#389e0d", "#237804", "#135200", "#092b00", "#e6fffb", "#b5f5ec", "#87e8de", "#5cdbd3", "#36cfc9", "#13c2c2", "#08979c", "#006d75", "#00474f", "#002329", "#e6f7ff", "#bae7ff", "#91d5ff", "#69c0ff", "#40a9ff", "#1890ff", "#096dd9", "#0050b3", "#003a8c", "#002766", "#f0f5ff", "#d6e4ff", "#adc6ff", "#85a5ff", "#597ef7", "#2f54eb", "#1d39c4", "#10239e", "#061178", "#030852", "#f9f0ff", "#efdbff", "#d3adf7", "#b37feb", "#9254de", "#722ed1", "#531dab", "#391085", "#22075e", "#120338", "#fff0f6", "#ffd6e7", "#ffadd2", "#ff85c0", "#f759ab", "#eb2f96", "#c41d7f", "#9e1068", "#780650", "#520339", "#ffffff", "#fafafa", "#f5f5f5", "#f0f0f0", "#d9d9d9", "#bfbfbf", "#8c8c8c", "#595959", "#434343", "#262626"];
+
+export { presetColors };
+// powered by hdj

package/es/Input/ColorInput/index.d.ts

@@ -0,0 +1,3 @@
+import type { HInputProps } from "@/components/Input/modal";
+declare const _default: ({ value, onChange, ...props }: HInputProps) => JSX.Element;
+export default _default;

package/es/Input/ColorInput/index.js

@@ -0,0 +1,87 @@
+// welcome to hoo hoo hoo
+import _WeakMap from '@babel/runtime-corejs3/core-js/weak-map';
+import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js/instance/reduce';
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$create from '@babel/runtime-corejs3/core-js/object/create';
+import _Symbol$replace from '@babel/runtime-corejs3/core-js/symbol/replace';
+import _Array$isArray from '@babel/runtime-corejs3/core-js/array/is-array';
+import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js/instance/slice';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
+import _typeof from '@babel/runtime-corejs3/helpers/typeof';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _inherits from '@babel/runtime-corejs3/helpers/inherits';
+import _setPrototypeOf from '@babel/runtime-corejs3/helpers/setPrototypeOf';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js/instance/starts-with';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js/instance/concat';
+import { jsx } from 'react/jsx-runtime';
+import { Input, Popover } from 'antd';
+import Picker from './Picker.js';
+import { useMemo } from 'react';
+import { useClassName } from '../../hooks/index.js';
+
+var _excluded = ["value", "onChange"];
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _wrapRegExp() { _wrapRegExp = function _wrapRegExp(re, groups) { return new BabelRegExp(re, void 0, groups); }; var _super = RegExp.prototype, _groups = new _WeakMap(); function BabelRegExp(re, flags, groups) { var _this = new RegExp(re, flags); return _groups.set(_this, groups || _groups.get(re)), _setPrototypeOf(_this, BabelRegExp.prototype); } function buildGroups(result, re) { var _context4; var g = _groups.get(re); return _reduceInstanceProperty(_context4 = _Object$keys(g)).call(_context4, function (groups, name) { var i = g[name]; if ("number" == typeof i) groups[name] = result[i];else { for (var k = 0; void 0 === result[i[k]] && k + 1 < i.length;) k++; groups[name] = result[i[k]]; } return groups; }, _Object$create(null)); } return _inherits(BabelRegExp, RegExp), BabelRegExp.prototype.exec = function (str) { var result = _super.exec.call(this, str); if (result) { result.groups = buildGroups(result, this); var indices = result.indices; indices && (indices.groups = buildGroups(indices, this)); } return result; }, BabelRegExp.prototype[_Symbol$replace] = function (str, substitution) { if ("string" == typeof substitution) { var groups = _groups.get(this); return _super[_Symbol$replace].call(this, str, substitution.replace(/\$<([^>]+)>/g, function (_, name) { var group = groups[name]; return "$" + (_Array$isArray(group) ? group.join("$") : group); })); } if ("function" == typeof substitution) { var _this = this; return _super[_Symbol$replace].call(this, str, function () { var args = arguments; return "object" != _typeof(args[args.length - 1]) && (args = _sliceInstanceProperty([]).call(args)).push(buildGroups(args, _this)), substitution.apply(this, args); }); } return _super[_Symbol$replace].call(this, str, substitution); }, _wrapRegExp.apply(this, arguments); }
+var ColorInput = (function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var classname = useClassName("hw-color-box");
+  var pickerValue = useMemo(function () {
+    if (typeof value === "string") {
+      var _result$groups;
+      if (_startsWithInstanceProperty(value).call(value, "#")) {
+        return value;
+      }
+      var rgbaRegular = /*#__PURE__*/_wrapRegExp(/(?<=(rgba\())(.*?)(?=(\)))/, {
+        rgba: 2
+      });
+      var result = value.match(rgbaRegular);
+      if (result !== null && result !== void 0 && (_result$groups = result.groups) !== null && _result$groups !== void 0 && _result$groups.rgba) {
+        var rgbas = result.groups.rgba.split(",");
+        return {
+          r: Number(rgbas[0]),
+          g: Number(rgbas[1]),
+          b: Number(rgbas[2]),
+          a: Number(rgbas[3])
+        };
+      }
+    }
+    return "";
+  }, [value]);
+  var colorChange = function colorChange(val) {
+    var _context, _context2, _context3;
+    var rgb = val.rgb;
+    var text = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "rgba(".concat(rgb.r, ",")).call(_context3, rgb.g, ",")).call(_context2, rgb.b, ",")).call(_context, rgb.a, ")");
+    onChange === null || onChange === void 0 ? void 0 : onChange(text);
+  };
+  return jsx(Input, _objectSpread(_objectSpread({}, props), {}, {
+    value: value,
+    onChange: onChange,
+    suffix: jsx(Popover, {
+      trigger: "click",
+      content: jsx(Picker, {
+        value: pickerValue,
+        onChange: colorChange
+      }),
+      placement: "topLeft",
+      children: jsx("div", {
+        style: {
+          backgroundColor: value
+        },
+        className: classname
+      })
+    })
+  }));
+});
+
+export { ColorInput as default };
+// powered by hdj

package/es/Input/InputNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { InputNumberProps } from "antd";
 declare const _default: ({ style, ...props }: InputNumberProps) => JSX.Element;
 export default _default;

package/es/Input/InputNumber.js

@@ -1,20 +1,30 @@
-// welcome to ww-building-blocks-tmp
-import React from 'react';
-import _extends from '@babel/runtime-corejs3/helpers/extends';
+// welcome to hoo hoo hoo
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import { InputNumber as InputNumber$1 } from 'antd';
+import { jsx } from 'react/jsx-runtime';
+import { InputNumber } from 'antd';
 
 var _excluded = ["style"];
-var InputNumber = (function (_ref) {
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var HInputNumber = (function (_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? {
       width: "100%"
     } : _ref$style,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(InputNumber$1, _extends({
+  return jsx(InputNumber, _objectSpread({
     style: style
   }, props));
 });
 
-export { InputNumber as default };
-// powered by ww
+export { HInputNumber as default };
+// powered by hdj

package/es/Input/SelectInput.d.ts

@@ -4,5 +4,6 @@ export declare enum SelectInputType {
     input = 0,
     select = 1
 }
-declare const _default: ({ selectProps, value, onChange, valueName, ...props }: HSelectInputProps) => JSX.Element;
+export declare const Index: ({ selectProps, value, onChange, valueName, addFormat, addDispatchListener, ...props }: HSelectInputProps) => JSX.Element;
+declare const _default: import("react").ForwardRefExoticComponent<import("@/components/Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export default _default;

package/es/Input/SelectInput.js

@@ -1,30 +1,31 @@
-// welcome to ww-building-blocks-tmp
-import React from 'react';
+// welcome to hoo hoo hoo
 import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
 import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
-import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
 import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
-import _extends from '@babel/runtime-corejs3/helpers/extends';
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Object$values from '@babel/runtime-corejs3/core-js/object/values';
+import { jsx } from 'react/jsx-runtime';
 import { Input } from 'antd';
 import HSelect from '../Select/index.js';
 import { defaultValueName, defaultSelectStyle } from './defaultConfig.js';
+import HFormConnect from '../Form/HFormConnect.js';
 
-var _excluded = ["selectProps", "value", "onChange", "valueName"],
-  _excluded2 = ["style"];
+var _excluded = ["selectProps", "value", "onChange", "valueName", "addFormat", "addDispatchListener"],
+  _excluded2 = ["style", "placeholder"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SelectInputType;
 (function (SelectInputType) {
   SelectInputType[SelectInputType["input"] = 0] = "input";
   SelectInputType[SelectInputType["select"] = 1] = "select";
 })(SelectInputType || (SelectInputType = {}));
-var SelectInput = (function (_ref) {
+var Index = function Index(_ref) {
   var _ref$selectProps = _ref.selectProps,
     selectProps = _ref$selectProps === void 0 ? {} : _ref$selectProps,
     _ref$value = _ref.value,
@@ -32,7 +33,9 @@ var SelectInput = (function (_ref) {
     onChange = _ref.onChange,
     _ref$valueName = _ref.valueName,
     valueName = _ref$valueName === void 0 ? defaultValueName : _ref$valueName,
-    props = _objectWithoutProperties(_ref, _excluded);
+    addFormat = _ref.addFormat;
+    _ref.addDispatchListener;
+    var props = _objectWithoutProperties(_ref, _excluded);
   var _valueName$input = valueName.input,
     input = _valueName$input === void 0 ? "" : _valueName$input,
     _valueName$select = valueName.select,
@@ -41,6 +44,8 @@ var SelectInput = (function (_ref) {
     selectVal = value[select];
   var _selectProps$style = selectProps.style,
     style = _selectProps$style === void 0 ? defaultSelectStyle : _selectProps$style,
+    _selectProps$placehol = selectProps.placeholder,
+    placeholder = _selectProps$placehol === void 0 ? "请选择" : _selectProps$placehol,
     sProps = _objectWithoutProperties(selectProps, _excluded2);
   var change = function change(val, key) {
     var newVal = _objectSpread({}, value);
@@ -48,20 +53,44 @@ var SelectInput = (function (_ref) {
     var type = key === input ? SelectInputType.input : SelectInputType.select;
     onChange === null || onChange === void 0 ? void 0 : onChange(newVal, type);
   };
-  return /*#__PURE__*/React.createElement(Input, _extends({
+  addFormat === null || addFormat === void 0 ? void 0 : addFormat({
+    "float": {
+      inputValue: function inputValue(item, initValue) {
+        var _context;
+        var _item$name = item.name,
+          name = _item$name === void 0 ? "" : _item$name;
+        var resultObj = {};
+        _forEachInstanceProperty(_context = _Object$values(valueName)).call(_context, function (key) {
+          resultObj[key] = initValue[key];
+        });
+        return _defineProperty({}, name, resultObj);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
+        var _outputValue$name = _outputValue[name],
+          itemVal = _outputValue$name === void 0 ? {} : _outputValue$name;
+        var newItemVal = _defineProperty({}, itemVal[select], itemVal[input]);
+        return _objectSpread({}, newItemVal);
+      }
+    }
+  });
+  return jsx(Input, _objectSpread({
     value: inputVal,
     onChange: function onChange(e) {
       change(e.target.value, input);
     },
-    addonBefore: /*#__PURE__*/React.createElement(HSelect, _extends({}, sProps, {
+    addonBefore: jsx(HSelect, _objectSpread(_objectSpread({}, sProps), {}, {
       style: style,
+      placeholder: placeholder,
       value: selectVal,
       onChange: function onChange(val) {
         change(val, select);
       }
     }))
   }, props));
-});
+};
+var HSelectInput = HFormConnect(Index);
 
-export { SelectInputType, SelectInput as default };
-// powered by ww
+export { Index, SelectInputType, HSelectInput as default };
+// powered by hdj

package/es/Input/defaultConfig.js

@@ -1,4 +1,4 @@
-// welcome to ww-building-blocks-tmp
+// welcome to hoo hoo hoo
 var defaultSelectStyle = {
   width: 128
 };
@@ -8,4 +8,4 @@ var defaultValueName = {
 };
 
 export { defaultSelectStyle, defaultValueName };
-// powered by ww
+// powered by hdj

package/es/Input/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { HInputProps } from "./modal";
 declare const _default: ({ ...props }: HInputProps) => JSX.Element;
 export default _default;