@hw-component/form 0.0.1

package/es/Select/index.js

@@ -0,0 +1,116 @@
+// welcome to ww-building-blocks-tmp
+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 _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
+import { Select } from 'antd';
+import React from 'react';
+import { useFilterOption, useOptionReq } from './hooks/norHooks.js';
+import { useValueChange } from './hooks/changeHooks.js';
+import { defaultModeConfig, defaultFieldNames, defaultSelectConfig } from './defaultConfig.js';
+import Index from './components/DropdownComponent.js';
+import AllSelect from './components/AllSelect.js';
+
+var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect"];
+var Option = Select.Option;
+var index = (function (_ref) {
+  var _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {
+      width: "100%"
+    } : _ref$style,
+    mode = _ref.mode,
+    options = _ref.options,
+    _ref$modeConfig = _ref.modeConfig,
+    modeConfig = _ref$modeConfig === void 0 ? defaultModeConfig : _ref$modeConfig,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? defaultFieldNames : _ref$fieldNames,
+    request = _ref.request,
+    manual = _ref.manual,
+    _ref$optionLabelProp = _ref.optionLabelProp,
+    optionLabelProp = _ref$optionLabelProp === void 0 ? "label" : _ref$optionLabelProp,
+    filterProvider = _ref.filterProvider,
+    _ref$optionFilterProp = _ref.optionFilterProp,
+    optionFilterProp = _ref$optionFilterProp === void 0 ? "filterlabel" : _ref$optionFilterProp,
+    serviceSearch = _ref.serviceSearch,
+    propsOnSearch = _ref.onSearch,
+    filterOption = _ref.filterOption,
+    showSearch = _ref.showSearch,
+    labelInValue = _ref.labelInValue,
+    _ref$noMatchItemRende = _ref.noMatchItemRender,
+    noMatchItemRender = _ref$noMatchItemRende === void 0 ? defaultSelectConfig.noMatchItemRender : _ref$noMatchItemRende,
+    allSelect = _ref.allSelect,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
+    icon = _ref2.icon,
+    render = _ref2.render;
+  var selfFilterOption = useFilterOption({
+    filterOption: filterOption,
+    serviceSearch: serviceSearch
+  });
+  var _useOptionReq = useOptionReq({
+      options: options,
+      manual: manual,
+      fieldNames: fieldNames,
+      request: request,
+      serviceSearch: serviceSearch
+    }),
+    run = _useOptionReq.run,
+    loading = _useOptionReq.loading,
+    data = _useOptionReq.data,
+    error = _useOptionReq.error,
+    onSearch = _useOptionReq.onSearch;
+  var _useValueChange = useValueChange({
+      labelInValue: labelInValue,
+      onChange: onChange,
+      value: value,
+      options: data,
+      mode: mode,
+      noMatchItemRender: noMatchItemRender
+    }),
+    val = _useValueChange.val,
+    change = _useValueChange.change;
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    style: style,
+    mode: mode,
+    loading: loading,
+    value: val,
+    onSearch: propsOnSearch || onSearch,
+    onChange: change,
+    dropdownRender: function dropdownRender(node) {
+      return /*#__PURE__*/React.createElement(Index, {
+        loading: loading,
+        reload: run,
+        error: error,
+        options: data
+      }, /*#__PURE__*/React.createElement(AllSelect, {
+        allSelect: allSelect,
+        options: data,
+        mode: mode,
+        value: val,
+        onChange: change
+      }), node);
+    },
+    optionLabelProp: optionLabelProp,
+    menuItemSelectedIcon: icon,
+    optionFilterProp: optionFilterProp,
+    filterOption: selfFilterOption,
+    showSearch: showSearch,
+    labelInValue: true
+  }, props), data === null || data === void 0 ? void 0 : _mapInstanceProperty(data).call(data, function (item) {
+    var optionValue = item.value,
+      label = item.label;
+    var result = (filterProvider === null || filterProvider === void 0 ? void 0 : filterProvider(item)) || label;
+    var filer = _defineProperty({}, optionFilterProp, result);
+    return /*#__PURE__*/React.createElement(Option, _extends({
+      value: optionValue,
+      key: optionValue,
+      label: label,
+      mode: mode
+    }, filer), render ? render(item, val) : label);
+  }));
+});
+
+export { index as default };
+// powered by ww

package/es/Select/index.less.js

@@ -0,0 +1,5 @@
+// welcome to ww-building-blocks-tmp
+var styles = undefined;
+
+export { styles as default };
+// powered by ww

package/es/Select/modal.d.ts

@@ -0,0 +1,30 @@
+import type { SelectProps } from "antd";
+import type React from "react";
+export type OptionType = Record<string, any>;
+export type PartialHSelectProps = Partial<HSelectProps>;
+export type RenderFn = (data: OptionType) => React.ReactNode;
+interface ModeConfigItem {
+    icon?: React.ReactNode | null;
+    render?: (item: OptionType, value: any[]) => React.ReactNode;
+}
+export interface ModeConfig {
+    multiple?: ModeConfigItem;
+    tags?: ModeConfigItem;
+}
+export interface HSelectProps extends Omit<SelectProps, "options"> {
+    style?: React.CSSProperties;
+    request?: (params: any) => Promise<OptionType[]>;
+    manual?: boolean;
+    modeConfig?: ModeConfig;
+    onChange?: (val: any) => void;
+    filterProvider?: (item: any) => string;
+    serviceSearch?: boolean;
+    options?: OptionType[];
+    noMatchItemRender?: RenderFn;
+    allSelect?: boolean;
+}
+export interface FilterDataModal {
+    value: any;
+    index: number;
+}
+export {};

package/es/index.css

@@ -0,0 +1,3 @@
+.option:hover {
+  background-color: #f5f5f5;
+}

package/es/index.d.ts

@@ -0,0 +1 @@
+export { default as HSelect } from './Select';

package/es/index.js

@@ -0,0 +1,3 @@
+// welcome to ww-building-blocks-tmp
+export { default as HSelect } from './Select/index.js';
+// powered by ww

package/lib/Select/components/AllSelect.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { HSelectProps } from "@/components/Select/modal";
+interface IProps extends HSelectProps {
+    checked?: boolean;
+}
+declare const _default: ({ allSelect, mode, onChange, value, serviceSearch, options, }: IProps) => JSX.Element | null;
+export default _default;

package/lib/Select/components/AllSelect.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var antd = require('antd');
+var index = require('../index.less.js');
+
+var AllSelect = (function (_ref) {
+  var allSelect = _ref.allSelect,
+    mode = _ref.mode,
+    onChange = _ref.onChange,
+    value = _ref.value,
+    serviceSearch = _ref.serviceSearch,
+    options = _ref.options;
+  if (!allSelect || mode !== "multiple" || serviceSearch) {
+    return null;
+  }
+  var opLen = (options === null || options === void 0 ? void 0 : options.length) || 0;
+  var checked = (value === null || value === void 0 ? void 0 : value.length) >= opLen;
+  var change = function change() {
+    if (!checked) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(options);
+      return;
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange([]);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "ant-select-item ant-select-item-option ".concat(index.default.option),
+    onClick: change
+  }, /*#__PURE__*/React.createElement(antd.Space, null, /*#__PURE__*/React.createElement(antd.Checkbox, {
+    checked: checked
+  }), "\u5168\u90E8"));
+});
+
+exports.default = AllSelect;
+// powered by h

package/lib/Select/components/CheckBoxOption.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface ICheckBoxOptionProps {
+    label?: React.ReactNode;
+    checked: boolean;
+}
+declare const _default: ({ label, checked }: ICheckBoxOptionProps) => JSX.Element;
+export default _default;

package/lib/Select/components/CheckBoxOption.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var antd = require('antd');
+var React = require('react');
+
+var CheckBoxOption = (function (_ref) {
+  var label = _ref.label,
+    checked = _ref.checked;
+  return /*#__PURE__*/React.createElement(antd.Space, null, /*#__PURE__*/React.createElement(antd.Checkbox, {
+    checked: checked
+  }), label);
+});
+
+exports.default = CheckBoxOption;
+// powered by h

package/lib/Select/components/DropdownComponent.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface IProps {
+    loading?: boolean;
+    options?: any[];
+    error?: Error;
+    reload: VoidFunction;
+}
+declare const Index: React.FC<IProps>;
+export default Index;

package/lib/Select/components/DropdownComponent.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var antd = require('antd');
+var NotFoundContent = require('./NotFoundContent.js');
+
+var Text = antd.Typography.Text;
+var Index = function Index(_ref) {
+  var loading = _ref.loading,
+    error = _ref.error,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    reload = _ref.reload,
+    children = _ref.children;
+  var len = options === null || options === void 0 ? void 0 : options.length;
+  if (loading && len === 0) {
+    return /*#__PURE__*/React.createElement(antd.Row, {
+      style: {
+        height: 125
+      },
+      justify: "center",
+      align: "middle"
+    }, /*#__PURE__*/React.createElement(antd.Space, {
+      direction: "vertical",
+      align: "center"
+    }, /*#__PURE__*/React.createElement(antd.Spin, null), /*#__PURE__*/React.createElement(Text, {
+      type: "secondary"
+    }, "\u62FC\u547D\u52A0\u8F7D\u4E2D...")));
+  }
+  if (error && len === 0) {
+    return /*#__PURE__*/React.createElement(NotFoundContent.default, {
+      error: error,
+      reload: reload
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+exports.default = Index;
+// powered by h

package/lib/Select/components/NoFindItem.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface IProps {
+    label: string;
+}
+declare const _default: ({ label }: IProps) => JSX.Element;
+export default _default;

package/lib/Select/components/NoFindItem.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var antd = require('antd');
+
+var NoFindItem = (function (_ref) {
+  var label = _ref.label;
+  return /*#__PURE__*/React.createElement(antd.Typography.Text, {
+    type: "danger"
+  }, label);
+});
+
+exports.default = NoFindItem;
+// powered by h

package/lib/Select/components/NotFoundContent.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface IProps {
+    error?: Error;
+    reload: VoidFunction;
+}
+declare const _default: ({ error, reload }: IProps) => JSX.Element;
+export default _default;

package/lib/Select/components/NotFoundContent.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var antd = require('antd');
+var icons = require('@ant-design/icons');
+
+var Text = antd.Typography.Text;
+var NotFoundContent = (function (_ref) {
+  var error = _ref.error,
+    reload = _ref.reload;
+  if (error) {
+    return /*#__PURE__*/React.createElement(antd.Row, {
+      justify: "center",
+      align: "middle",
+      style: {
+        height: 125
+      }
+    }, /*#__PURE__*/React.createElement(antd.Space, {
+      align: "center",
+      direction: "vertical"
+    }, /*#__PURE__*/React.createElement(Text, {
+      type: "danger"
+    }, /*#__PURE__*/React.createElement(icons.ExclamationCircleOutlined, {
+      style: {
+        fontSize: 24
+      }
+    })), /*#__PURE__*/React.createElement(Text, {
+      type: "danger"
+    }, error.message), /*#__PURE__*/React.createElement(antd.Button, {
+      type: "primary",
+      size: "small",
+      onClick: reload
+    }, "\u91CD\u65B0\u52A0\u8F7D")));
+  }
+  return /*#__PURE__*/React.createElement(antd.Empty, {
+    image: antd.Empty.PRESENTED_IMAGE_SIMPLE
+  });
+});
+
+exports.default = NotFoundContent;
+// powered by h

package/lib/Select/defaultConfig.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { HSelectProps } from "@/components/Select/modal";
+export declare const defaultModeConfig: HSelectProps["modeConfig"];
+export declare const defaultFieldNames: HSelectProps["fieldNames"];
+export declare const defaultSelectConfig: {
+    noMatchItemRender: () => JSX.Element;
+};

package/lib/Select/defaultConfig.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var React = require('react');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
+var CheckBoxOption = require('./components/CheckBoxOption.js');
+var NoFindItem = require('./components/NoFindItem.js');
+
+var defaultModeConfig = {
+  multiple: {
+    icon: null,
+    render: function render(item, value) {
+      var checkVal = value === null || value === void 0 ? void 0 : _mapInstanceProperty(value).call(value, function (itemVal) {
+        return itemVal.value;
+      });
+      var newVal = checkVal || [];
+      var checked = _indexOfInstanceProperty(newVal).call(newVal, item.value) !== -1;
+      return /*#__PURE__*/React.createElement(CheckBoxOption.default, {
+        label: item.label,
+        checked: checked
+      });
+    }
+  }
+};
+var defaultFieldNames = {
+  label: "label",
+  value: "value"
+};
+var defaultSelectConfig = {
+  noMatchItemRender: function noMatchItemRender() {
+    return /*#__PURE__*/React.createElement(NoFindItem.default, {
+      label: "选项被删除，请重新选择"
+    });
+  }
+};
+
+exports.defaultFieldNames = defaultFieldNames;
+exports.defaultModeConfig = defaultModeConfig;
+exports.defaultSelectConfig = defaultSelectConfig;
+// powered by h

package/lib/Select/hooks/changeHooks.d.ts

@@ -0,0 +1,5 @@
+import type { PartialHSelectProps } from "@/components/Select/modal";
+export declare const useValueChange: (params: PartialHSelectProps) => {
+    val: any;
+    change: (changeVal: any) => void;
+};

package/lib/Select/hooks/changeHooks.js

@@ -0,0 +1,191 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/find-index');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
+var React = require('react');
+
+var _excluded = ["index"],
+  _excluded2 = ["index"];
+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 single = function single(_ref) {
+  var options = _ref.options,
+    value = _ref.value,
+    noMatchItemRender = _ref.noMatchItemRender;
+  var newOptions = options || [];
+  var index = _findIndexInstanceProperty(newOptions).call(newOptions, function (item) {
+    return item.value === value;
+  });
+  if (index !== -1) {
+    var label = newOptions[index].label;
+    return {
+      value: value,
+      label: label
+    };
+  }
+  return {
+    value: value,
+    label: (noMatchItemRender === null || noMatchItemRender === void 0 ? void 0 : noMatchItemRender({
+      value: value
+    })) || value
+  };
+};
+var findNewValInOldVal = function findNewValInOldVal(val, oldVal) {
+  if (!oldVal) {
+    return -1;
+  }
+  return _findIndexInstanceProperty(oldVal).call(oldVal, function (item) {
+    return item.value === val;
+  });
+};
+var sourceDataProvider = function sourceDataProvider(_ref2, oldVal) {
+  _ref2.options;
+    var value = _ref2.value;
+  var oldData = [];
+  var newData = [];
+  _forEachInstanceProperty(value).call(value, function (item, i) {
+    var index = findNewValInOldVal(item, oldVal);
+    if (index === -1) {
+      newData.push({
+        value: item,
+        index: i
+      });
+      return;
+    }
+    var newVal = oldVal === null || oldVal === void 0 ? void 0 : oldVal[index];
+    oldData.push(_objectSpread(_objectSpread({}, newVal), {}, {
+      index: i
+    }));
+  });
+  return {
+    oldData: oldData,
+    newData: newData
+  };
+};
+var resultProvider = function resultProvider(newData, oldData, value) {
+  var newResult = new Array(value.length);
+  _forEachInstanceProperty(oldData).call(oldData, function (item) {
+    var index = item.index,
+      val = _objectWithoutProperties(item, _excluded);
+    newResult[index] = _objectSpread({}, val);
+  });
+  _forEachInstanceProperty(newData).call(newData, function (item) {
+    var index = item.index,
+      val = _objectWithoutProperties(item, _excluded2);
+    newResult[index] = _objectSpread({}, val);
+  });
+  return newResult;
+};
+var multiple = function multiple(_ref3, oldVal) {
+  var options = _ref3.options,
+    value = _ref3.value,
+    noMatchItemRender = _ref3.noMatchItemRender;
+  var _sourceDataProvider = sourceDataProvider({
+      options: options,
+      value: value
+    }, oldVal),
+    newData = _sourceDataProvider.newData,
+    oldData = _sourceDataProvider.oldData;
+  var newMatchVal = _mapInstanceProperty(newData).call(newData, function (item) {
+    var itemVal = item.value,
+      index = item.index;
+    var newItem = single({
+      options: options,
+      value: itemVal,
+      noMatchItemRender: noMatchItemRender
+    });
+    return _objectSpread(_objectSpread({}, newItem), {}, {
+      index: index
+    });
+  });
+  return resultProvider(newMatchVal, oldData, value);
+};
+var tag = function tag(_ref4, oldVal) {
+  var options = _ref4.options,
+    value = _ref4.value;
+  var _sourceDataProvider2 = sourceDataProvider({
+      options: options,
+      value: value
+    }, oldVal),
+    newData = _sourceDataProvider2.newData,
+    oldData = _sourceDataProvider2.oldData;
+  return resultProvider(newData, oldData, value);
+};
+var matchNotFind = function matchNotFind(_ref5, oldVale) {
+  var options = _ref5.options,
+    value = _ref5.value,
+    mode = _ref5.mode,
+    noMatchItemRender = _ref5.noMatchItemRender;
+  if (!mode) {
+    return single({
+      options: options,
+      value: value,
+      noMatchItemRender: noMatchItemRender
+    });
+  }
+  if (mode === "multiple") {
+    return multiple({
+      options: options,
+      value: value,
+      noMatchItemRender: noMatchItemRender
+    }, oldVale);
+  }
+  return tag({
+    options: options,
+    value: value
+  }, oldVale);
+};
+var useValueChange = function useValueChange(params) {
+  var labelInValue = params.labelInValue,
+    onChange = params.onChange,
+    value = params.value,
+    options = params.options,
+    mode = params.mode,
+    noMatchItemRender = params.noMatchItemRender;
+  var _useState = React.useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    val = _useState2[0],
+    setVal = _useState2[1];
+  var change = function change(changeVal) {
+    if (!onChange) {
+      setVal(changeVal);
+      return;
+    }
+    var newChangeVal = changeVal.value;
+    if (labelInValue) {
+      newChangeVal = changeVal;
+    }
+    if (_Array$isArray(changeVal)) {
+      newChangeVal = _mapInstanceProperty(changeVal).call(changeVal, function (item) {
+        return item.value;
+      });
+    }
+    onChange(newChangeVal);
+  };
+  React.useEffect(function () {
+    if (options && value) {
+      setVal(function (oldVale) {
+        return matchNotFind(params, oldVale);
+      });
+    }
+  }, [value, options, mode, noMatchItemRender]);
+  return {
+    val: val,
+    change: change
+  };
+};
+
+exports.useValueChange = useValueChange;
+// powered by h

package/lib/Select/hooks/norHooks.d.ts

@@ -0,0 +1,12 @@
+import type { OptionType, PartialHSelectProps } from "@/components/Select/modal";
+export declare const useOptionReq: ({ manual, fieldNames, request, options, serviceSearch, }: PartialHSelectProps) => {
+    run: (params?: any, type?: any) => Promise<{
+        label: any;
+        value: any;
+    }[] | undefined>;
+    loading: boolean;
+    error: Error | undefined;
+    data: OptionType[] | undefined;
+    onSearch: (inputValue: string) => void;
+};
+export declare const useFilterOption: ({ filterOption, serviceSearch, }: PartialHSelectProps) => boolean | import("rc-select/lib/Select").FilterFunc<import("rc-select/lib/Select").DefaultOptionType> | undefined;