@noah-libjs/components 0.0.23 → 0.0.43

package/dist/a_chunks/MySelect.Inner.js

@@ -0,0 +1,172 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["onChange", "value", "marshal", "fetch_options", "uniqueKey", "popupMatchSelectWidth", "fetch_options_on_open"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { isNil, numberLikeCompare } from '@noah-libjs/utils';
+import { Row, Col } from 'antd';
+import React__default, { useMemo } from 'react';
+import { p as packs, u as use_options, g as getInputStyle, a as getMarshal, b as get_mode, c as check_multiple, S as Select_L, d as parse_MC_value } from './index.js';
+import { s as styles } from './index.module.js';
+import 'dayjs';
+import 'rc-select';
+import 'rc-tree';
+import '@noah-libjs/request';
+var componentMap = packs;
+function RenderComponent(p) {
+  var _target$props;
+  var target = p.target,
+    handleInputChange = p.handleInputChange;
+  if (!target) return null;
+  var inputType = target.inputType;
+  var props = (_target$props = target.props) !== null && _target$props !== void 0 ? _target$props : {};
+  var C = useMemo(function () {
+    return componentMap[inputType];
+  }, [inputType]);
+  return /*#__PURE__*/React__default.createElement("span", {
+    key: "aa",
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, target.prefix ? /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      margin: '0 2px',
+      whiteSpace: 'nowrap'
+    }
+  }, target.prefix) : null, C ? /*#__PURE__*/React__default.createElement(C, _objectSpread(_objectSpread({}, props), {}, {
+    value: target.text,
+    onChange: function onChange(e) {
+      handleInputChange(e, target);
+    }
+  })) : '未知组件', target.suffix ? /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      margin: '0 2px',
+      whiteSpace: 'nowrap'
+    }
+  }, target.suffix) : null);
+}
+var MySelect = function MySelect(props) {
+  var _data$;
+  var onChange = props.onChange,
+    value = props.value,
+    _marshal = props.marshal,
+    fetch_options = props.fetch_options,
+    uniqueKey = props.uniqueKey,
+    _props$popupMatchSele = props.popupMatchSelectWidth,
+    popupMatchSelectWidth = _props$popupMatchSele === void 0 ? 140 : _props$popupMatchSele,
+    fetch_options_on_open = props.fetch_options_on_open,
+    others = _objectWithoutProperties(props, _excluded);
+  var _use_options = use_options(props),
+    options = _use_options.options,
+    loading = _use_options.loading,
+    data = _use_options.data,
+    setData = _use_options.setData,
+    process_options = _use_options.process_options;
+  var _style = getInputStyle(props);
+  var marshal = getMarshal(props);
+  var needToRenderComponent = options.some(function (_) {
+    return _.inputType;
+  });
+  var type = get_mode(props);
+  var is_multiple = check_multiple(props);
+  function isChecked(value) {
+    // return __data.some(d => d.value === value)
+    return data.some(function (d) {
+      return numberLikeCompare(d.value, value);
+    });
+  }
+  function safe_onChange(changedValue) {
+    // if (!changedValue.length) {
+    //   return onChange?.(undefined)
+    // }
+    // const v = marshal ? (Number(marshal) == 2 ? changedValue : JSON.stringify(changedValue,)) : (type === 'single' ? (changedValue[0]?.value ?? null) : changedValue.map(_ => _.value).join(','))
+    // console.log('abc', changedValue, marshal, v)
+    var v = parse_MC_value(props, changedValue);
+    // mchcLogger.log('safe_onChange', {v,changedValue})
+    onChange === null || onChange === void 0 || onChange(v);
+  }
+  function handleChange(rawValue) {
+    // mchcLogger.log('safe_onChange 00', {rawValue})
+    var checkedValues = Array.isArray(rawValue) ? rawValue : [rawValue];
+    var hasExclusiveItem = checkedValues.filter(function (v) {
+      return !isChecked(v);
+    }).find(function (v) {
+      var option = options.find(function (o) {
+        return o.value === v;
+      });
+      return option === null || option === void 0 ? void 0 : option.exclusive;
+    });
+    var values = !isNil(hasExclusiveItem) ? [hasExclusiveItem] : checkedValues.filter(function (v) {
+      var _options$find;
+      return !((_options$find = options.find(function (_) {
+        return _.value === v;
+      })) !== null && _options$find !== void 0 && _options$find.exclusive);
+    });
+    var changedData = values.filter(function (v) {
+      return is_multiple ? true : !isChecked(v);
+    }).map(function (v) {
+      var _options$find2, _old$text;
+      var option = (_options$find2 = options.find(function (o) {
+        return o.value === v;
+      })) !== null && _options$find2 !== void 0 ? _options$find2 : {
+        label: v,
+        value: v
+      };
+      var old = data.find(function (d) {
+        return d.value === v;
+      });
+      return {
+        value: option === null || option === void 0 ? void 0 : option.value,
+        label: option === null || option === void 0 ? void 0 : option.label,
+        text: (_old$text = old === null || old === void 0 ? void 0 : old.text) !== null && _old$text !== void 0 ? _old$text : undefined
+      };
+    });
+    setData(changedData);
+    safe_onChange(changedData);
+  }
+  function handleInputChange(e, target) {
+    target.text = e;
+    onChange === null || onChange === void 0 || onChange(JSON.stringify(data));
+  }
+  var _value = is_multiple ? data.map(function (_) {
+    return _.value;
+  }) : (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.value;
+  var _warning = data.some(function (_) {
+    return _.warning;
+  });
+  var target = (Array.isArray(data) ? data : []).find(function (_) {
+    return _.inputType;
+  });
+  // 多选不支持 非 marshal 不支持
+  var isR = !is_multiple && marshal && target;
+  var select_node = loading && !fetch_options_on_open ? /*#__PURE__*/React__default.createElement("span", null, "'\u6570\u636E\u52A0\u8F7D\u4E2D...'") : /*#__PURE__*/React__default.createElement(Select_L, _objectSpread(_objectSpread({
+    onOpenChange: function onOpenChange(v) {
+      if (v && fetch_options_on_open) {
+        process_options();
+      }
+    },
+    loading: loading,
+    className: _warning ? styles['warning'] : undefined,
+    style: _style,
+    allowClear: true,
+    value: _value,
+    onChange: handleChange,
+    mode: type,
+    // dropdownStyle={{ minWidth: 120 }}
+    popupMatchSelectWidth: popupMatchSelectWidth
+  }, others), {}, {
+    options: options
+  }));
+  return isR ? /*#__PURE__*/React__default.createElement(Row, {
+    gutter: needToRenderComponent ? 6 : 0
+  }, /*#__PURE__*/React__default.createElement(Col, {
+    span: needToRenderComponent ? 12 : 24
+  }, select_node), /*#__PURE__*/React__default.createElement(Col, {
+    span: needToRenderComponent ? 12 : 0
+  }, isR && /*#__PURE__*/React__default.createElement(RenderComponent, {
+    target: target,
+    handleInputChange: handleInputChange
+  }))) : select_node;
+};
+export { MySelect as default };

package/dist/a_chunks/Pagination.Inner.js

@@ -0,0 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React__default, { useState, useEffect } from 'react';
+function LazyInner(props) {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    C = _useState2[0],
+    setC = _useState2[1];
+  useEffect(function () {
+    import('antd/es/pagination').then(function (res) {
+      setC(res["default"]);
+    });
+    return function () {};
+  }, []);
+  return C ? /*#__PURE__*/React__default.createElement(C, _objectSpread({}, props)) : 'loading Pagination ...';
+}
+export { LazyInner as default };

package/dist/a_chunks/QRCode.Inner.js

@@ -0,0 +1,9 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { QRCode } from 'antd';
+import React__default from 'react';
+function QRCodeInner(props) {
+  return /*#__PURE__*/React__default.createElement(QRCode, _objectSpread({}, props));
+}
+export { QRCodeInner as default };

package/dist/a_chunks/Select.Inner.js

@@ -0,0 +1,9 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import Select from 'antd/es/select';
+import React__default from 'react';
+function LazyInner(props) {
+  return /*#__PURE__*/React__default.createElement(Select, _objectSpread({}, props));
+}
+export { LazyInner as default };

package/dist/a_chunks/Table.Inner.js

@@ -0,0 +1,9 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import Table from 'antd/es/table';
+import React__default from 'react';
+function LazyInner(props) {
+  return /*#__PURE__*/React__default.createElement(Table, _objectSpread({}, props));
+}
+export { LazyInner as default };

package/dist/a_chunks/Tree.DirectoryTreeInner.js

@@ -0,0 +1,9 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import Tree from 'antd/es/tree';
+import React__default from 'react';
+function LazyInner(props) {
+  return /*#__PURE__*/React__default.createElement(Tree.DirectoryTree, _objectSpread({}, props));
+}
+export { LazyInner as default };

package/dist/a_chunks/Tree.Inner.js

@@ -0,0 +1,11 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import Tree from 'antd/es/tree';
+import React__default, { forwardRef } from 'react';
+var Inner = /*#__PURE__*/forwardRef(function LazyInner(props, ref) {
+  return /*#__PURE__*/React__default.createElement(Tree, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref
+  }));
+});
+export { Inner as default };

package/dist/a_chunks/TreeSelect.Inner.js

@@ -0,0 +1,9 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import Tree from 'antd/es/tree-select';
+import React__default from 'react';
+function LazyInner(props) {
+  return /*#__PURE__*/React__default.createElement(Tree, _objectSpread({}, props));
+}
+export { LazyInner as default };

package/dist/a_chunks/components.js

@@ -0,0 +1,7 @@
+import { p as packs } from './index.js';
+
+// import MyCheckbox from '../../GeneralComponents/CheckboxWithInput_gold';
+// const MyCheckbox = lazy(() => import("../../GeneralComponents/CheckboxWithInput_gold"))
+// const MyCheckbox_Display = lazy(() => import("../../GeneralComponents/CheckboxWithInput_gold/Display"))
+var componentMap = packs;
+export { componentMap as c };